Cannot edit mostly anything in admin control panel - there's a transparent layer blocking mouse contact

Shaun

@Fuad-Othman CTRL-F5 causes the browser to refresh the external resource files (CSS and JS files, usually) and clearing the cache would have done the same thing for you.

I have had several weird post-upgrade issues with things like this and a force refresh or cache dump usually fixes it.

@julian I understand that being pre-release means the release schedule is accelerated and that's the major cause of these things, so this is surely a low priority, but at some point it might be prudent to add version numbers to the CSS/JS files to prevent these browser cache issues.

julian

@Shaun Production mode should manage cache busters, but they're not present in devlopment mode... perhaps we're missing headers that instruct the browser to not cache assets...

Shaun

@Fuad-Othman said:

Regarding the workaround on chrome developer tools, can you explain its step by step?

For the purposes of posterity ... if you press F12 in most browsers, you can inspect and manipulate the elements of a page. In this case, if you hit F12 and found the DIV tag with the modal-backdrop CSS class, it has a CSS property called z-index, which controls the layer position of the element. The basic problem here is that both the backdrop and the modal window have z-index values of 1040, which leaves it up to your browser to decide which one is actually in front of the other (I would think in this circumstance, the later element on the page should be treated as "in front" but that's not what's happening), so you can manually manipulate the z-index value to make the page function in your browser. And after confirming that that's the problem, obviously, you can make the changes permanent in the CSS files or whatever.

I did try your custom css workaround, but this bug still persist.

The custom CSS I posted in that other thread would fix the issue on the main forum, but I don't think that the admin panel loads that CSS, so I didn't expect it would fix your problem directly (but you could modify the CSS file for the admin panel).

Shaun

@julian I don't think I'm running in development mode. You have to start it in development mode specifically, right? I'm just running nodebb start as advised by the Ubuntu docs. I recall using a different command to put it in development mode to troubleshoot something once. I tell my users to hit CTRL-F5 every time I do an upgrade, because there are usually some oddities if they don't.

Fuad Othman

Bug on administration panel now clear already, however it keep happening on thread management,

here some,

its also happen in this thread when i try(test) to delete it too.

still got black layer blocking mouse input.

glitch

Opening the modal popup for the emoji or polling on this thread does it as well. The extended emoji is grayed out, but you can escape out of it, unlike the emoji/polling modals.

RazorAxis

I am having this happen on things like uploading avatars and deleting or moving threads. I tried posting this in the custom cc and it didn't work:

.modal-backdrop {
z-index: 1039;
}

Any ideas?

pichalite

@Fuad-Othman @RazorAxis

Cannot flag or delete posts · Issue #2591 · NodeBB/NodeBB

NodeBB v0.6.0 & v0.6.1-dev

GitHub (github.com)

The issue is marked as closed but it's not fixed yet.

RazorAxis

Thanks. @pichalite Just curious what does it mean when its closed but not fixed?

pichalite

@RazorAxis @julianlam closed it as invalid, changed it to bug later but did not reopen it. It will probably get fixed in v0.6.1.

RazorAxis

@pichalite Thanks for the answer. Is there any temp get around for this? Kinda of immobilizes my forum.

RazorAxis

@pichalite @julian Just an fyi, don't know if this will help but it appears not to have an issue in the admin side for example verifying emails for members or creating groups.

Screenshot (1).png

Screenshot (2).png

RazorAxis

I changed the z index to 0, seems to temp fix the problem, at least temporally. Pasted the following in the custom CSS;

.modal-backdrop {
z-index: 0;
}

Screenshot (4).png

Aza Noriega

Backdrop overshadows dialog with Bootstrap 3.3 · Issue #88 · nakupanda/bootstrap3-dialog

After upgrading bootstrap to 3.3 (bootstrap-sass from 3.2.0.2 to 3.3.0.1) dialog is overshadowed by backdrop. Problem is created by updateZIndex - if I comment it out, problem disappears. Works fine for me now as I don't have multiple di...

GitHub (github.com)

julian

Issue was fixed in ACP because it uses a separate bootstrap version. gh#2591 reopened.