[Webkit-unassigned] [Bug 251078] New: Safari TP 160 tweakers.net media queries not applied correctly

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=251078

            Bug ID: 251078
           Summary: Safari TP 160 tweakers.net media queries not applied
                    correctly
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mysteryquest+webkit at gmail.com

Created attachment 464626

  --> https://bugs.webkit.org/attachment.cgi?id=464626&action=review

Possible reduction with html and (responsive) css files

Before testing please make sure you have a window with a horizontal resolution of at least 768px, 1280+ preferable and make sure the window's width is bigger than it's height.

As per Safari Technology Preview 160 (and 161) on Monterey (12.6.2) the site https://tweakers.net applies media queries incorrectly (you can see it in the header when comparing the site to shipping Safari at the same window resolutionnn). The media queries for < 767px are always applied for some reason.

Tweakers.net is applying stylesheets based on media-queries defined in the <link>-element in the header. Shipping Safari does load all the stylesheets even if they don't apply, but doesn't apply stylesheets that don't match the media query as in TP 160+.

I made a reduction, but that doesn't fail like Tweakers.net. So it's likely something is interfering, but I haven't found the reason yet.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230124/bee95001/attachment-0001.htm>