Bug 248906

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

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 ***