Bug 279109

Summary:

The ellipses do not appear when column-count and line-clamp are used together.

Product:

WebKit

Reporter:

sejeong <rlatpwjd911>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

koivisto

Priority:

Version:

Safari 17

Hardware:

iPhone / iPad

OS:

iOS 17

Attachments:

Description	Flags
When column-count and line-clamp are used together, the ellipses do not appear.	none

sejeong

Reported 2024-09-03 23:11:04 PDT

Created attachment 472438 [details] When column-count and line-clamp are used together, the ellipses do not appear. On iOS 17.5 and later, when using column-count and line-clamp together, the ellipsis does not appear. This occurs when switching the orientation of the device from portrait -> landscape or landscape -> portrait. The CSS conditions that cause the issue are column-count of 2 or more and line-clamp of 1 or more to reproduce the issue. This issue can sometimes appear differently when elements have complex inheritance. (For example, the ellipses don't show up when you first enter the screen, but they do after you change the orientation of the screen...) This issue did not occur in 16.7.5 when we checked it out. There seems to be an issue with the layout configuration between the number of columns and line anchoring that is preventing the size from being recognized. Could you please check this issue for me? We've attached a link and screenshot to reproduce the issue. https://codepen.io/sejoung/pen/eYwQJba Thank you for your hard work.

Attachments
When column-count and line-clamp are used together, the ellipses do not appear. (706.92 KB, image/jpeg) 2024-09-03 23:11 PDT, sejeong	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alexey Proskuryakov

Comment 1 2024-09-04 12:29:20 PDT

*** This bug has been marked as a duplicate of bug 279110 ***

Note You need to log in before you can comment on or make changes to this bug.