Bug 238193

Summary: textarea resize doesn't work on Safari if it has 1rem padding
Product: WebKit Reporter: Pouya Saadeghi <pouya.saadeghi>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: ahmad.saleem792, akeerthi, fantasai.bugs, ntim, tombigel, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Mac (Apple Silicon)   
OS: macOS 12   
URL: https://codepen.io/saadeghi/pen/RwxGjXe?editors=1000
Attachments:
Description Flags
video of resizing textarea on Chrome and Safari none

Description Pouya Saadeghi 2022-03-22 01:34:47 PDT 
Created attachment 455347 [details]
video of resizing textarea on Chrome and Safari

I can't see this bug on Chrome. But on Safari, when a textarea has more than 12px of padding, resize functionality doesn't work.  
Even in 12px padding, it's hard to resize because it feels like the drag area is small and I can only resize it if I try multiple times to find the exact spot.  
With 16px padding (1rem) it's impossible to resize.
Here's a CodePen link to try: https://codepen.io/saadeghi/pen/RwxGjXe?editors=1000  

I also attached a video of the issue
Comment 1 Radar WebKit Bug Importer 2022-03-22 09:07:54 PDT 
<rdar://problem/90639221>
Comment 2 Ahmad Saleem 2023-07-13 16:34:04 PDT 
It is reproducible in WebKit ToT (266047@main), where using attached CodePen, we are unable to resize with 1 rem.
Comment 3 Tim Nguyen (:ntim) 2024-01-12 12:11:42 PST 

*** This bug has been marked as a duplicate of bug 266873 ***
Comment 4 Ahmad Saleem 2024-01-12 18:51:15 PST 
Reopened - for this PR: https://github.com/WebKit/WebKit/pull/22737 (to add test)
Comment 5 EWS 2024-01-14 17:04:19 PST 
Committed 273029@main (1e888d214cf4): <https://commits.webkit.org/273029@main>

Reviewed commits have been landed. Closing PR #22737 and removing active labels.