[GH-ISSUE #195] Buttons disappear when a sidebar opened #5882

New issue

Closed

opened 2026-03-01 17:07:46 +03:00 by kerem · 3 comments

kerem commented

2026-03-01 17:07:46 +03:00

Owner

Originally created by @leic4u on GitHub (Nov 21, 2023).
Original GitHub issue: https://github.com/0xJacky/nginx-ui/issues/195

When I open the sidebar of the Monica extension, all elements of the edit page respond correctly except the save and return buttons.

Originally created by @leic4u on GitHub (Nov 21, 2023). Original GitHub issue: https://github.com/0xJacky/nginx-ui/issues/195 When I open the sidebar of the Monica extension, all elements of the edit page respond correctly except the save and return buttons. ![image](https://github.com/0xJacky/nginx-ui/assets/32786903/c224b60a-f831-447a-a223-7d93982070c9)

kerem closed this issue

2026-03-01 17:07:46 +03:00

kerem commented

2026-03-01 17:07:47 +03:00

Author

Owner

@0xJacky commented on GitHub (Nov 23, 2023):

It seems like a browser issue

@0xJacky commented on GitHub (Nov 23, 2023): It seems like a browser issue

kerem commented

2026-03-01 17:07:47 +03:00

Author

Owner

@leic4u commented on GitHub (Nov 23, 2023):

It seems like a browser issue

but the other elements response correctly, except the Save and Back buttons only.

@leic4u commented on GitHub (Nov 23, 2023): > It seems like a browser issue but the other elements response correctly, except the Save and Back buttons only.

kerem commented

2026-03-01 17:07:47 +03:00

Author

Owner

@0xJacky commented on GitHub (Nov 26, 2023):

Actually, this is not my fault. I use positon: fixed; bottom: 0; right: 0 to make the FooterToolBar fix in the bottom of the screen.

The following documentation is about positon: fixed, excerpted from https://developer.mozilla.org/en-US/docs/Web/CSS/position

In my opinion, the browser should change the width of viewport to make sure that elements are not covered by the sidebar extensions.

I also install Monica in Chrome, and it has the same behavior with Edge, it looks like a Chromium issue. Fortunately, I found that using position: sticky can also fix the element in the bottom, so I "fix" this issue in
91817a3.

@0xJacky commented on GitHub (Nov 26, 2023): Actually, this is not my fault. I use `positon: fixed; bottom: 0; right: 0` to make the FooterToolBar fix in the bottom of the screen. The following documentation is about `positon: fixed`, excerpted from https://developer.mozilla.org/en-US/docs/Web/CSS/position <img width="791" alt="image" src="https://github.com/0xJacky/nginx-ui/assets/13096985/323723b0-3637-4571-a90a-b9713043c24b"> In my opinion, the browser should change the width of viewport to make sure that elements are not covered by the sidebar extensions. I also install Monica in Chrome, and it has the same behavior with Edge, it looks like a Chromium issue. Fortunately, I found that using `position: sticky` can also fix the element in the bottom, so I "fix" this issue in 91817a3.