<p>It seems that <a href="https://github.com/openstreetmap/openstreetmap-website/blob/master/app/assets/javascripts/application.js#L82">https://github.com/openstreetmap/openstreetmap-website/blob/master/app/assets/javascripts/application.js#L82</a> is the problem - it tries to measure the width of the header elements in the full width and compact modes to work out when to switch between modes given that different languages have different widths.</p>
<p>It looks like just running in the <code>ready</code> callback is not enough any more and it hasn't yet figured out the width of the elements properly - adding a zero second delay with <code>setTimeout</code> appears to work around it but I wonder if there's a better event to wait on?</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/1639#issuecomment-329277469">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/ABWnLY74wRkbE4S2rK-iPYjm-d7kzSFTks5siDH5gaJpZM4PWcte">mute the thread</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLVbMkGK7kTy3X5Enfoe6LvknAdMPks5siDH5gaJpZM4PWcte.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
  <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/issues/1639#issuecomment-329277469"></link>
  <meta itemprop="name" content="View Issue"></meta>
</div>
<meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>

<script type="application/json" data-scope="inboxmarkup">{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/openstreetmap/openstreetmap-website","title":"openstreetmap/openstreetmap-website","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/openstreetmap/openstreetmap-website"}},"updates":{"snippets":[{"icon":"PERSON","message":"@tomhughes in #1639: It seems that https://github.com/openstreetmap/openstreetmap-website/blob/master/app/assets/javascripts/application.js#L82 is the problem - it tries to measure the width of the header elements in the full width and compact modes to work out when to switch between modes given that different languages have different widths.\r\n\r\nIt looks like just running in the `ready` callback is not enough any more and it hasn't yet figured out the width of the elements properly - adding a zero second delay with `setTimeout` appears to work around it but I wonder if there's a better event to wait on?"}],"action":{"name":"View Issue","url":"https://github.com/openstreetmap/openstreetmap-website/issues/1639#issuecomment-329277469"}}}</script>