Bug 248906

Summary: WinCairo WK2 MiniBrowser: linear-gradient layout problems in high DPI display
Product: WebKit Reporter: Fujii Hironori <fujii.hironori>
Component: Tools / TestsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal    
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   

Fujii Hironori
Reported 2022-12-07 14:01:32 PST
WinCairo WK2 MiniBrowser: linear-gradient layout problems in high DPI display WinCairo WK2 doesn't support device scale factor (bug#196339). So, WinCairo WK2 MiniBrowser is setting a page scale for high DPI display (bug#196391). However, this approach has some layout problems in some web pages. https://www.publickey1.jp/ the background of the right side column is placed wrong position. > background: linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 570px,rgba(150,150,150,0.15) 570px,rgba(150,150,150,0.15) 900px); https://www.yomiuri.co.jp/ the background of the header is too short. > background: linear-gradient(0deg,indigo,indigo 50px,transparent 0,transparent); They have a linear-gradient with absolute length values. WebKit has a bug of such linear-gradient and page zoom (bug#18511).
Attachments
Fujii Hironori
Comment 1 2022-12-07 20:15:56 PST
(In reply to Fujii Hironori from comment #0) > WebKit has a bug of such linear-gradient and page zoom (bug#18511). This is a wrong bug id. The bug is tracked by Bug 248927 – absolute length values in gradients should take effective zoom into account
Fujii Hironori
Comment 2 2022-12-11 13:31:34 PST
Fixed by 257659@main. *** This bug has been marked as a duplicate of bug 248927 ***
Note You need to log in before you can comment on or make changes to this bug.