Bug 248906 - WinCairo WK2 MiniBrowser: linear-gradient layout problems in high DPI display
Summary: WinCairo WK2 MiniBrowser: linear-gradient layout problems in high DPI display
Status: RESOLVED DUPLICATE of bug 248927
Alias: None
Product: WebKit
Classification: Unclassified
Component: Tools / Tests (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-12-07 14:01 PST by Fujii Hironori
Modified: 2022-12-11 13:31 PST (History)
0 users

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Fujii Hironori 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).
Comment 1 Fujii Hironori 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
Comment 2 Fujii Hironori 2022-12-11 13:31:34 PST 
Fixed by 257659@main.

*** This bug has been marked as a duplicate of bug 248927 ***