bowman2001 / perplex

A Hugo theme to publish technical content (docs, news, blog, articles)
https://perplex.desider.at
Apache License 2.0
27 stars 11 forks source link

Scrolling does not work on the left side #166

Open Kariton opened 4 months ago

Kariton commented 4 months ago

On every page, except docs, it is not possible to scroll on the left side. on the right side woks perfectly fine.

it does however work in the docs page table of contents. but there is also a slight "dead band" between scrolling the TOC and the page. at least on my side. (Vivaldi browser, 1080p resolution)

feels like the table of content is present but invisible on all sites.

bowman2001 commented 4 months ago

I don't completely understand the problems you describe. So I'm rephrasing them from my point of view:

There are two optional additional navigation menus:

  1. The sidebar menu at the moment only present on doc pages
  2. The TOC menu on all pages with many heading sections (configurable).

Because every page layout is using the same grid, the scrollable page content does not start at the left edge of the viewport. On pages without a sidebar, the space on the left side of the content is just empty and not connected to the content box and therefore not scrollable. Is this a usability issue?

I can't reproduce the 'dead band'. Please describe the problem in more detail.

I took a short look at the Vivaldi browser, and it's using the same rendering engine as Chrome and many other browser types. So possible layout bugs are of a general nature and not restricted to this browser.

Kariton commented 4 months ago

Hello,

Because every page layout is using the same grid, the scrollable page content does not start at the left edge of the viewport. On pages without a sidebar, the space on the left side of the content is just empty and not connected to the content box and therefore not scrollable.

Yeah. that is what i mean. It feels like exactly that. just was unsure if this is intended or not. I think this behavior is wrong from an a11y standpoint.

I can't reproduce the 'dead band'. Please describe the problem in more detail. Screenshot 2024-04-20 132204

The marked space represents the "dead band" i was talking about. id="l-sidebar" on its right site "overlaps" with the site content.

bowman2001 commented 4 months ago

Thanks for the picture, I can now see what you meant. The dead band is the invisible margin of the sidebar menu container. The spacing is necessary for visible layout purposes but does not fit exactly onto the layout grid.

This problem and the one you mentioned first are minor layout issues at this stage of the development, because they are only a problem under special circumstances.

I've already planned to refactor the container layout for non-doc pages and will keep the first issue in mind.

At the moment I don't want to alter the container layout for doc pages, because this would complicate things considerably. I can live with the small dead band for now.

In the near future my time will be very limited to work on issues here. I just started a new and demanding full-time job.