Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

codepen.io - Select-scroll does not work #104481

Closed
m-akinc opened this issue May 16, 2022 — with webcompat-app · 5 comments
Closed

codepen.io - Select-scroll does not work #104481

m-akinc opened this issue May 16, 2022 — with webcompat-app · 5 comments
Labels
browser-chrome browser-safari priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect.
Milestone
moved

Comments

@m-akinc
Copy link

m-akinc commented May 16, 2022

URL: https://codepen.io/m-akinc/pen/LYQxMEJ

Browser / Version: Chrome 100.0.4896
Operating System: Windows 10
Tested Another Browser: Yes Firefox

Problem type: Something else
Description: full text in disabled control cannot be viewed
Steps to Reproduce:
In a disabled input control with ellipsized overflow text, the overflowed text cannot be select-scrolled into view in Chrome. I.e. put the cursor in the control, then drag (or arrow) right so that the overflowed text comes into view. In Chrome, the ellipsis is followed by blank space where the rest (i.e. overflowed part) of the value should be. In Firefox, the ellipsis stays at the end of the visible text, even as it scrolls. And when the last part of the text is scrolled into view, the ellipsis disappears.

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️
@webcompat-bot webcompat-bot added this to the needstriage milestone May 16, 2022
@softvision-raul-bucata
Copy link

softvision-raul-bucata commented May 17, 2022 •
edited
Loading

We appreciate your report. I was able to reproduce the issue. Select-scroll does not work:

chrome scroll ellipsis

@miketaylr Could you take a look at this, please?

Tested with:

Browser / Version:Firefox Nightly 102.0a1 (2022-05-16) (64-bit) / Chrome Version Version 101.0.4951.67 (Official Build) (64-bit)
Operating System: Windows 10 PRO x64

Notes:

  1. Reproducible regardless of the status of Tracking Protection.
  2. Works as expected using Firefox Nightly:

ff scroll ellipsis

Moving this to NeedsDiagnosis for further investigations.

[qa_20/2022]

@softvision-raul-bucata softvision-raul-bucata changed the title codepen.io - see bug description codepen.io - Select-scroll does not work May 17, 2022
@softvision-raul-bucata softvision-raul-bucata added the severity-important A non-core broken piece of functionality, not behaving the way you would expect. label May 17, 2022
@miketaylr
Copy link
Member

Thanks for the report. It looks like Chrome and Safari behave the same here (it may be a WebKit behavior inherited by Blink).

It seems like https://drafts.csswg.org/css-overflow/#ellipsis-scrolling suggests the Firefox behavior (which is more user friendly).

If a non-clip text-overflow is set, then as more content is scrolled into view, implementations should show whatever additional content fits, only truncating content which would otherwise be clipped (or is necessary to make room for the ellipsis/string), until the element is scrolled far enough to display the edge of the content at which point that content should be displayed rather than an ellipsis/string.

Let's file some bugs on Blink and WebKit.

@miketaylr
Copy link
Member

It looks like https://bugs.chromium.org/p/chromium/issues/detail?id=596804 already exists.

For WebKit, https://bugs.webkit.org/show_bug.cgi?id=93709 is similar (probably fixing this issue would fix that). Maybe @karlcow can find a better open bug, if it exists?

@karlcow karlcow self-assigned this May 23, 2022
@karlcow
Copy link
Member

karlcow commented May 23, 2022 •
edited
Loading

So Indeed it looks very similar. The above text case to copy and paste is:

data:text/html,<!doctype><html><input disabled style="text-overflow: ellipsis;" value="123456789012345678901234567890"></html>

@karlcow
Copy link
Member

karlcow commented May 23, 2022

Thanks @miketaylr I created https://bugs.webkit.org/show_bug.cgi?id=240787
Should we close this as Moved.

@karlcow karlcow modified the milestones: needsdiagnosis, moved May 23, 2022
@karlcow karlcow removed the status-needsinfo-karlcow ping @karlcow label May 23, 2022
@karlcow karlcow closed this as completed May 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser-chrome browser-safari priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect.
Projects
None yet
Milestone
moved
Development

No branches or pull requests
5 participants
@miketaylr @karlcow @m-akinc @webcompat-bot @softvision-raul-bucata