When reading something on MangaDex (mangadex.org), if the comic has too many pages and the "progress bar" is set to "lightbar", the layout is pushed to the right by the progress bar itself.
If there are too many pages, the entire right-side menu is effectively unavailable unless the page is scrolled horizontally. This also slightly affect readability as pages are declared to be centered in their container and are thus pushed to the right too.
This does not happen if the progress bar is configured to use a different appearance or to be hidden at all. I briefly tested it on Firefox and somehow the progress bar is "squished" as to not break layout.
Unfortunately there is nothing in the console except custom MangaDex messages, which don't really provide anything useful. I tried activating CSS reporting, but I got nothing; not sure if I missed something.
I don't know if I can link examples given the subject, so I will attach two images with the comics themselves hidden, to show both the breakage and proper layout as it happens on a comic with "not enough" pages. The broken chapter has 74 pages while the working one has 25 pages.
MangaDex: layout is pushed to the far right in certain conditions while reading
Moderator: trava90
Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.
Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.
Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
- Clear any current output
- Navigate or refresh the page in question
- Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
Re: MangaDex: layout is pushed to the far right in certain conditions while reading
Probably something related to CSS calc().
Re: MangaDex: layout is pushed to the far right in certain conditions while reading
Assuming I'm doing it correctly, this 45 looks OK, https://mangadex.org/chapter/23b37377-2 ... 975c683/43
Link to your 74?
PS: You really should tell how to set "lightbar". I did it, but forgot?
Link to your 74?
PS: You really should tell how to set "lightbar". I did it, but forgot?
Re: MangaDex: layout is pushed to the far right in certain conditions while reading
The required image size is calculated incorrectly.
It looks like the problem is really related to the width of the progress bar.
Last edited by Kris_88 on 2023-06-05, 16:39, edited 1 time in total.
Re: MangaDex: layout is pushed to the far right in certain conditions while reading
I think the threshold is around 50, but I don't know many 40+ chapters to test.
Right, I forgot.
Open a chapter, open the right-side menu (click on the "< menu" button) and scroll the menu until you see a button labeled "progress bar".
Click on it until it becomes the lightbar.