267226 2024-01-08 06:59:27 -0800 Text sequence longer than 10240 are not rendered when text-overflow:ellipsis applied 2024-01-10 01:20:11 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 17 All All NEW https://bugs.webkit.org/show_bug.cgi?id=100050 BrowserCompat, InRadar P2 Normal --- 1 oleksii.raspopov webkit-unassigned bfulgham karlcow simon.fraser vitor.roriz webkit-bug-importer zalan oldest_to_newest 2003588 0 469338 oleksii.raspopov 2024-01-08 06:59:27 -0800 Created attachment 469338 Image showing the bug: first line of text has 10241 symbol and only ellipsis is rendered. Second line has one symbol fewer and rendered properly My first bug filing here, please let me know if any additional details are needed. I spotted this bug while working on a commercial project but was able to reproduce in isolation, on personal mac and iphone. The limit of text is very deterministic: the bug simply appears when you add just one more symbol to 10240 symbols sequence. When a text with text-overflow: ellipsis; has more than 10240 symbols of any text, the text disappears, only ellipsis is visible. Does not happen in Chrome, have not yet been tested by me in Firefox. Link to sandbox: https://codepen.io/alexeyraspopov/pen/qBvbQqy Link to tweet that includes screenshot: https://twitter.com/alexeyraspopov/status/1743093372833690083 (also attached to the ticket) Steps to reproduce: html: <div id="output_1"></div> <div id="output_2"></div> css: div { overflow: hidden; max-width: 300px; white-space: nowrap; text-overflow:ellipsis; } js: (used purely for rendering a lot of text so I don’t need to paste it) window.output_1.innerText = '0'.repeat(10241); window.output_2.innerText = '0'.repeat(10240); 2003592 1 webkit-bug-importer 2024-01-08 07:04:16 -0800 <rdar://problem/120647627> 2003594 2 zalan 2024-01-08 07:09:44 -0800 Thank you for filing this bug report! Sadly, text-overflow: ellipsis (when kerning/ligatures are on) makes us fallback to complex text codepath which seems to be unable to handle content longer than 10K. 469338 2024-01-08 06:59:27 -0800 2024-01-08 06:59:27 -0800 Image showing the bug: first line of text has 10241 symbol and only ellipsis is rendered. Second line has one symbol fewer and rendered properly IMG_5299.png image/png 4142 oleksii.raspopov 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 2ZppnWO9yvqM9XsbW5sUm3k2DTbPbA1sObbFtrW2d+2odgF2E+2q7a7aE+2Z9nn26+wvOaAOHg45 DpUOFx1RR09HoeM6x45hhGHew0TDqofdcNJwYjkVOdU6PXDWd45yLnFucH453Gp4+vClw88M/+bi 4ZLvssXlzgidEREjSkY0j3jt6uDKc610vepGdQt1m+nW6PbK3dFd4L7e/aYH3WOUxzyPFo+vnl6e Es86z24vK68MryqvG0xdZixzIfOsN8E7yHum92Hvjz6ePoU++3z+8nXyzfPd4ftspO1IwcgtIx/5 Wfhx/Tb5dfoz/DP8N/p3BpgHcAOqAx4GWgbyA7cGPmXZs3JZO1kvg1yCJEEHg96zfdjT2ceDseCw 4LLg9hCdkKSQtSH3Qy1Cs0NrQ3vDPMKmhh0PJ4RHhi8Nv8Ex4fA4NZzeCK+I6RGtkRqRCZFrIx9G OURJoppHoaMiRi0fdTfaOloU3RADYjgxy2PuxdrGTow9FEeMi42rjHsSPyJ+WvyZBHrC+IQdCe8S gxIXJ95JskuSJbUkayaPSa5Jfp8SnLIspTN1eOr01AtpRmnCtMZ0Unpy+tb0vtEho1eO7hrjMaZ0 zPWxtmMnjz03zmhc/rgj4zXHc8fvzyBkpGTsyPjCjeFWc/syOZlVmb08Nm8V7wU/kL+C3y3wEywT PM3yy1qW9SzbL3t5dndOQE5FTo+QLVwrfJUbnrsh931eTN62vP78lPzdBWoFGQVNIh1Rnqh1gumE yRM6xI7iUnHnRJ+JKyf2SiIlW6WIdKy0sVAX/si3yexkv8geFPkXVRZ9mJQ8af9k7cmiyW1THKYs mPK0OLT4t6n4VN7Ulmnm02ZPezCdNX3TDGRG5oyWmZYz587smhU2a/tsyuy82b+XuJQsK3k7J2VO 81yTubPmPvol7JfaUlqppPTGPN95G+bj84Xz2xe4LViz4FsZv+x8uUt5RfmXhbyF538d8evqX/sX ZS1qX+y5eP0S4hLRkutLA5ZuX6a9rHjZo+WjltevYKwoW/F25fiV5yrcKzasoqySrepcHbW6cY3V miVrvqzNWXutMqhyd5Vx1YKq9+v46y6vD1xft8FkQ/mGTxuFG29uCttUX21TXbGZuLlo85MtyVvO /Mb8rWar0dbyrV+3ibZ1bo/f3lrjVVOzw3jH4lq0VlbbvXPMzku7gnc11jnVbdqtv7t8D9gj2/N8 b8be6/si97XsZ+6vO2B9oOog/WBZPVI/pb63IaehszGtsaMpoqml2bf54CHnQ9sOmx+uPKJ3ZPFR ytG5R/uPFR/rOy4+3nMi+8SjlvEtd06mnrzaGtfafiry1NnToadPnmGdOXbW7+zhcz7nms4zzzdc 8LxQ3+bRdvB3j98Ptnu211/0uth4yftSc8fIjqOXAy6fuBJ85fRVztUL16KvdVxPun7zxpgbnTf5 N5/dyr/16nbR7c93Zt0l3C27p3Wv4r7x/eo/7P/Y3enZeeRB8IO2hwkP7zziPXrxWPr4S9fcJ9Qn FU/NntY8c312uDu0+9Lz0c+7XohffO4p/VP7z6qXdi8P/BX4V1tvam/XK8mr/tcL3xi+2fbW/W1L X2zf/XcF7z6/L/tg+GH7R+bHM59SPj39POkL6cvqr/Zfm79FfrvbX9DfL+ZKuIpfAQxWNCsLgNfb AKCmAUCH5zPKaOX5T1EQ5ZlVgcB/wsozoqJ4AlAH/9/jeuDfzQ0A9myBxy+orzkGgFgqAIneAHVz G6wDZzXFuVJeiPAcsDHma2ZBJvg3RXnm/CHun1sgV3UHP7f/Am8DfGtn+rvRAAABSlBMVEX////9 /f2tra1/f3/V1dXs7OyQkJDu7u7S0tJ2dnawsLCmpqYAAAANDQ3z8/NJSUlaWlrw8PALCwusrKxn Z2e/v7/+/v4JCQkXFxe7u7t0dHQDAwMgICD7+/tiYmJycnL5+fkcHBwEBATDw8Ph4eH39/fAwMDE xMT29vbj4+Pa2tpvb29AQEAtLS05OTloaGiIiIgCAgJQUFCNjY0BAQGJiYmKioqAgICWlpYICAgq Kio9PT1gYGChoaH6+voQEBDb29vt7e0SEhK1tbUbGxuvr68vLy9paWlVVVVOTk5dXV1NTU0yMjIl JSVkZGRxcXEdHR1ra2tsbGxWVlZfX186OjpRUVGSkpIpKSk+Pj6ampoFBQUPDw/CwsLX19dMTEzR 0dHr6+sVFRU7OztSUlKzs7Px8fG3t7dBQUH8/Px5eXkHBwfl5eXBwcF9hKkXAAACVElEQVR4nO3d R1OTUQCFYUDEdmwoYAcrCgj2hhWxi71j7/X/b4Ukyu4LC01m7jzPJufN6mbBDGX4bkcHAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtEJn15Luxlza07OsMZevWNnZrhNBy61KVq+pz7XJuvpa 35tsaN+ZoMU2Jumrrf6BZFP9zc1zb25p46Ggtfq2Ztv2+tyRDNbX0M7s2t2+M0Gr7ena+2fuG/6z 9ncdaM9pAAAAAAAAAAAAgP9jZHTs4PhEt9aL6jIdOpwjR9fl2HGtF9FlOpGcnHs5lfRo3bTLNHI6 Z2r/SzSZgRGtm3ShziZHa+NcMqF1ky7T+QvJxdq6dCxTQ1pXdqEuJ72NOZ1c0bqyCzWaXG3MseSa 1pVdqOvJjca8mdzSurILNfn3uWPzj2G6rXVlF2omudOYd+cfQaZ1VRfqXnK/MVckU1pXdqHGF77a HyQzWld2oR4ufO/3KHmsdWUXasvCj/9P5j+x1lVdqKfJs8Z8nrzQurILNXI4s/WndPe/nP+zudZV XaojyavaeF3/tbDWVV2o4WRjbZyq39qjdVWXevfZm8y+nXt59z4fOrVu1oXefTb0MdOfPn/5mpml WjftUu8++/Z9Zu4z/BhcpvUiuty7z37+6h7SenHt7jMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAADgH/gNNV894bisp0EAAAAASUVORK5CYII=