Bug 238193 - textarea resize doesn't work on Safari if it has 1rem padding
Summary: textarea resize doesn't work on Safari if it has 1rem padding
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/saadeghi/pen/RwxGj...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-03-22 01:34 PDT by Pouya Saadeghi
Modified: 2024-01-14 17:04 PST (History)
7 users (show)

See Also:


Attachments
video of resizing textarea on Chrome and Safari (641.37 KB, video/mp4)
2022-03-22 01:34 PDT, Pouya Saadeghi
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.