hypothesis
Sidebar occasionally appears on left side of screen
@acelaya and I have noticed an issue since deploying https://github.com/hypothesis/client/pull/7291 where the sidebar occasionally appears on the left-side of the screen. The problem fixes itself if the window is resized or the page is reloaded. The issue seems more prone to happening just after a deploy.
Opening devtools fixes the issue because this changes the window size. That can be worked around by configuring the devtools to open in a new window.
Inspecting the DOM when this happens shows that the margin-left value on the sidebar is larger than it should be:
On my display, the margin-left value is normally smaller:
I think it's worth mentioning that both times I have noticed this, it has been right after loading a new release for the first time.
The first time I noticed it was right after migrating to Tailwind 4, so I thought it would be related with some old cached styles getting on the way, but the next time I have noticed it, both the new and previous releases were already using Tailwind 4.
https://github.com/hypothesis/client/pull/7309 resolved the problem, although there is a possibility that if styles are slow to load, the user may see the sidebar appear on the left and then transition over to the right. See the note in the PR description.
Also I haven't yet identified why the issue did not appear previously, before the Tailwind v4 migration, even though in theory the problem is not new.