Bug 240787 - text-overflow: ellipsis visibility on text selection scrolling
Summary: text-overflow: ellipsis visibility on text selection scrolling
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: All macOS 10.15
: P2 Normal
Assignee: Nobody
URL: https://github.com/webcompat/web-bugs...
Keywords: BrowserCompat, InRadar
Depends on:
Reported: 2022-05-23 00:02 PDT by Karl Dubost
Modified: 2022-06-08 23:53 PDT (History)
6 users (show)

See Also:

web-bugs-104481 (405 bytes, text/html)
2022-05-23 00:02 PDT, Karl Dubost
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Karl Dubost 2022-05-23 00:02:40 PDT
Created attachment 459664 [details]

1. Open attachment here web-bugs-104481
2. Place the cursor in the middle of the visible string (for example, in between the 0 and 1)
3. Click and maintain and scroll toward the right side to select the numbers passed the ellipsis character

3. scroll with two fingers horizontally to move the text

The string is scrolled so the selection makes visible the overflowed text

The string is scrolling with the ellipsis but the rest of the text stays invisible.

* This is working on Firefox Nightly 102 and Production Release 100. 
* Chrome Canary Version 104.0.5078.0 (Official Build) canary (arm64) exhibits the same behavior than Safari. https://bugs.chromium.org/p/chromium/issues/detail?id=13563
* Reported on https://github.com/webcompat/web-bugs/issues/104481
* Spec https://drafts.csswg.org/css-overflow/#ellipsis-scrolling

	This section applies to elements with text-overflow other than ''text-overflow:clip''
	(non-clip text-overflow)
	and overflow:scroll.

	When an element with non-clip text-overflow has overflow of scroll
	in the inline progression dimension of the text,
	and the browser provides a mechanism for scrolling
	(e.g. a scrollbar on the element,
	or a touch interface to swipe-scroll, etc.),
	there are additional implementation details that provide a better user experience:

	When an element is scrolled (e.g. by the user, DOM manipulation),
	more of the element's content is shown.
	The value of text-overflow should not affect
	whether more of the element's content is shown or not.
	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.


	While the content is being scrolled, implementations may adjust their rendering of ellipses (e.g. align to the box edge rather than line edge).

Maybe Related to 
* Bug 178395 
* Bug 178278 
* Bug 178322

And Maybe related to 
* Bug 93709
Comment 1 Radar WebKit Bug Importer 2022-05-23 00:02:51 PDT