Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <h2>Final Answer:</h2> <p>I found a final fix for the problem we were specifically having on our site. After the site loads, we have the TypeKit library attaching fonts to the page. When I specifically set the font-family property on the select boxes to something other than the TypeKit font, the refresh behavior no longer presents itself.</p> <p>I'm not sure if you're using TypeKit or not, but that would be a good place to look first.</p> <hr> <h2>Original Answer:</h2> <p>I encountered this issue as well today on one of the sites that my company runs. I had narrowed it down to a set of CSS rules that were most likely causing it (commenting those out would not produce the bug on page reload).</p> <p>The main issue I see with this could very well be a security issue in the browser itself. If you have any open sessions in any tabs, it will clear their session data as well.</p> <p>Find a page that has this bug, and open several other tabs where you log into a Google account, or some other set of accounts. When you click the select boxes on the site with the bug, the page is refreshed, and the sessions in the other tabs are reset as well.</p> <p><strong>Update:</strong> I have narrowed down the set of CSS rules that are affecting our page. Any one of these CSS rules will cause this behavior:</p> <ul> <li>-webkit-appearance</li> <li>border</li> <li>border-style</li> <li>border-radius</li> <li>-webkit-border-radius</li> <li>background-repeat</li> <li>background-position</li> <li>background-image</li> </ul> <p>I had originally thought that it was the -background-image property that was causing issues, as we're using a <a href="http://en.wikipedia.org/wiki/Data_URI_scheme">data image</a>, instead of an actual png or jpg (to give a style similar to the default in Firefox), but I was apparently wrong.</p> <p><strong>Update 2:</strong> I tried using CSS resets to put things back to normal using a <a href="http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/">webkit-specific CSS hack</a>, but just touching any of these CSS rules seems to cause things to go haywire. I guess we will need to just remove the rules until there is a fix for this.</p> <p><strong>Update 3:</strong> It seems to have something to do with the Javascript being loaded on the page. If I disable Javascript in Safari, this does not happen.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload