enafore.social - While selecting text, pulling and holding the selection handler to far right side of the screen causes a margin to appear

[derflocki]

URL: https://enafore.social/search

Browser / Version: Firefox Mobile 121.0
Operating System: Android 14
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
Selecting text on the right side of the screen "instance" causes a margin to appear. I seems as if the "Selection" knobs influence the sizing of the element somehow. Also see fora mmore extreme example https://phpc.social/@derflocki/111413284735329646 for

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[sv-calin]

We appreciate your report but I was not able to reproduce this issue.

select.mp4

Tested on:
• Browser / Version: Firefox Nightly 121.0a1-20231115214519 / Chrome 119.0.6045.134
• Operating System: Google Pixel 5 (Android 14) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)

Suggestions:
• Clear cache/data/cookies, disable Ad-blocker (if available), or use a clean profile and check again
• If there are any changes made to the default settings of the browser (e.g. in about:config), please revert to the default settings

[qa_46/2023]

[derflocki]

It will only show if you have a text selection on the far right edge of the screen. Notice how in your screenshot there is a "enough whitespace"...

I have created a codepen to illustrate the issue. https://codepen.io/derflocki/full/KKJyrvG

Notice how, when text is selected you can scroll horizontally even further

[sv-calin]

Still not reproducible for me. Please try the suggestions listed below if you haven't and give us an update please.

select.mp4

Tested on:
• Browser / Version: Firefox Nightly 121.0a1-20231116093942
• Operating System: Google Pixel 5 (Android 14) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)

Suggestions:
• Clear cache/data/cookies, disable Ad-blocker (if available), or use a clean profile and check again
• If there are any changes made to the default settings of the browser (e.g. in about:config), please revert to the default settings

[inv_46/2023]

[derflocki]

I have a fresh install of firefox nightly (no addons, etc) just or this, and it is reproducible. Also it "works" on my regualr firefox 119.1.1.

I have also updated the test-html:
https://cdpn.io/derflocki/fullpage/KKJyrvG?nocache=true&view=fullpage

and added another screencast:
https://github.com/webcompat/web-bugs/assets/758478/51ea2ce6-b3b9-4f68-b989-251558483087

notice, that as the "selection knob" touches the right screen edge, the page is zoomed.

[sv-calin]

I was able to reproduce the issue now, the trick was to pull the selection handlers to far right.

selection.mp4

Tested on:
• Browser / Version: Firefox Nightly 121.0a1-20231119091854 / Firefox Release 119.0.2-20231108221453 / Chrome 119.0.6045.134
• Operating System: Google Pixel 5 (Android 14) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)

Notes:

1. Reproducible on both Firefox Release and Nightly
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[inv_47/2023]