Bug 217807

Summary: Text keeps resizing on Reddit.com
Product: WebKit Reporter: Daniel Bates <dbates>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, karlcow, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Local Build   
Hardware: iPhone / iPad   
OS: Unspecified   
URL: https://old.reddit.com/r/iphone/comments/jbqbtc/new_vs_old_packaging/
Attachments:
Description Flags
page on reddit none

Daniel Bates
Reported 2020-10-15 20:48:01 PDT
Seen on iPad 14.0.1 (18A393) in portrait orientation. Visit <https://old.reddit.com/r/iphone/comments/jbqbtc/new_vs_old_packaging/> and scroll a bit down. I do have Wipr installed and enabled though I was able to repo even when turning Wipr off via Safari. There's a positioned fixed element on the right hand side sometimes. When this element is partially occluded offscreen (no horiz scroll are btw) and you scroll the page so that it overlaps the right hand side Rules / Guidelines then it will cusses the page to fo into infinite text autosizing.
Attachments
page on reddit (1.10 MB, image/jpeg)
2025-05-20 20:05 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Wenson Hsieh
Comment 1 2020-10-15 20:51:26 PDT
Reproduces on trunk.
Radar WebKit Bug Importer
Comment 2 2020-10-15 20:51:36 PDT
<rdar://problem/70364141>
Karl Dubost
Comment 3 2025-05-20 20:05:03 PDT
Created attachment 475327 [details] page on reddit I wonder if this is about the element at the bottom right of the page.
Karl Dubost
Comment 4 2025-05-20 20:09:40 PDT
<div class="spacer"> <div class="read-next-container"> <aside class="read-next active fixed" style=""> … a lot of things. </aside> </div> </div> .read-next { font-size: 0.9230769230769231em; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; background: #ffffff; border: 1px solid #d9d9d9; box-sizing: border-box; color: #222222; display: none; height: 100px; position: relative; width: 300px; z-index: 9998; } .read-next.active { display: block; } .read-next.fixed { border-bottom-width: 0; bottom: 0; position: fixed; } Then setting a right: 0 would fix it right away. ``` .read-next.fixed { border-bottom-width: 0; bottom: 0; position: fixed; right: 0; } ```
Karl Dubost
Comment 5 2025-05-20 20:11:23 PDT
Apart of that there is no overlap and text resizing. So probably this bug is gone. Also the little box bug occurs on all browsers. This is something to be fixed by the site.
Simon Fraser (smfr)
Comment 6 2025-05-21 12:44:08 PDT
Same as https://bugs.webkit.org/show_bug.cgi?id=293111 ?
Karl Dubost
Comment 7 2025-05-21 15:06:22 PDT
Ha yes. Could be! Thanks Simon. *** This bug has been marked as a duplicate of bug 293111 ***
Note You need to log in before you can comment on or make changes to this bug.