<p dir="auto"><span class="issue-keyword tooltipped tooltipped-se" aria-label="This pull request closes issue #4709.">Fixes</span> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2246777163" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/4709" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/4709/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/4709">#4709</a>, kind of.</p>
<p dir="auto">Aside from differences in browser behavior, there's also a decision by the Bootstrap developers. <a href="https://getbootstrap.com/docs/5.3/utilities/text/#word-break" rel="nofollow">They disable <code class="notranslate">.text-break</code> in rtl mode</a>. They say that rtl is most likely Arabic and word breaks in Arabic are wrong therefore disable word breaks for any rtl. But in our case any long words in tags table are likely not Arabic but rather urls or something similar.</p>
<p dir="auto">Here I'm putting the css properties that are normally in Bootstrap's <code class="notranslate">.text-break</code> to our custom css. This will restore word breaks in rtl tag tables, occasionally with "wrong" Arabic word breaks.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4713'>https://github.com/openstreetmap/openstreetmap-website/pull/4713</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4713/commits/1aa3db5d25c093568c1e08eb69af554623abd3f5" class="commit-link">1aa3db5</a>  Force word wrap in tag table</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4713/files">2 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4713/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4713/files#diff-d3e3db2a93a22b8e704bcec077a570b1ac05c449f38ca301f95a474285dbb7cd">app/views/browse/_tag_details.html.erb</a>
    (2)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4713.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4713.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4713.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4713.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4713">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLJUIBXNSPBFAED76P3Y52C3XAVCNFSM6AAAAABGLPBZJ6VHI2DSMVQWIX3LMV43ASLTON2WKOZSGI2DQNBXGI3TAMA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOP4GB2BWXSYETM5K3Y52C3XA5CNFSM6AAAAABGLPBZJ6WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHIMBHYPQ.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4713</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4713",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4713",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>