<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>249992</bug_id>
          
          <creation_ts>2023-01-02 01:32:57 -0800</creation_ts>
          <short_desc>[CSS Container Queries] @container query not affected when page Zoomed in our out</short_desc>
          <delta_ts>2024-12-22 06:48:21 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>Safari 16</version>
          <rep_platform>Mac (Apple Silicon)</rep_platform>
          <op_sys>macOS 12</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          <see_also>https://bugs.webkit.org/show_bug.cgi?id=263582</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=282592</see_also>
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Major</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Roman Czerkies">dev</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>aroselli</cc>
    
    <cc>dev</cc>
    
    <cc>koivisto</cc>
    
    <cc>m_dubet</cc>
    
    <cc>rik</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1922486</commentid>
    <comment_count>0</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2023-01-02 01:32:57 -0800</bug_when>
    <thetext>When we zoom in or zoom out on in Safari, container queries are not affected by the change of the inline-size of the viewport.

That particularly affect the user accessibility.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1924006</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2023-01-09 01:33:17 -0800</bug_when>
    <thetext>&lt;rdar://problem/104022272&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1924018</commentid>
    <comment_count>2</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2023-01-09 02:25:32 -0800</bug_when>
    <thetext>It can be reproduced on : https://romanczerki.es/</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1924484</commentid>
    <comment_count>3</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2023-01-10 09:14:56 -0800</bug_when>
    <thetext>When you say &quot;zoomed&quot;, how are you zooming? With Command-+, or pinch-zoom?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1924753</commentid>
    <comment_count>4</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2023-01-11 02:19:15 -0800</bug_when>
    <thetext>When zooming with Command-+.

The normal behavior of the @container query on the `nav` element only appear when you increase or decrease the size of the viewport.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1924799</commentid>
    <comment_count>5</comment_count>
    <who name="Antti Koivisto">koivisto</who>
    <bug_when>2023-01-11 08:11:54 -0800</bug_when>
    <thetext>I think we fail to take &apos;zoom&apos; property into account when evaluating container queries.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1975357</commentid>
    <comment_count>6</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2023-09-04 04:28:53 -0700</bug_when>
    <thetext>A new wrong behavior detected about container queries:

* Set a `container` property in html element (as an Initial Containing Block)
* Zoom+- in the webpage, nothing happen 
* Reload the page to see the zoom effect

Don&apos;t know if this bug has to be fill in a new issue, but it sounds like to be involved in the same first reported (https://bugs.webkit.org/show_bug.cgi?id=249992#c0).</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1986800</commentid>
    <comment_count>7</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2023-10-23 06:47:26 -0700</bug_when>
    <thetext>New wrong behaviors with a `container` property set on `html` element:

* Once in a while, when you open a link in this page and clic on precedent the page is not rendering (a blank page occurs).

* When media queries are updated from the device&apos;s operating system, or the user agent (`prefers-color-scheme` or `prefers-contrast` for instance) anything is updated, you have to reload the page to update the page and custom properties.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2083554</commentid>
    <comment_count>8</comment_count>
    <who name="Roman Czerkies">dev</who>
    <bug_when>2024-12-22 06:48:21 -0800</bug_when>
    <thetext>Issue resolved with this fix: https://bugs.webkit.org/show_bug.cgi?id=282592.
Thanks.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>