Misplaced draggable handles in Book Outline page in Claro - Again
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3589209. -->
Reported by: [budalokko](https://www.drupal.org/user/788636)
Related to !181
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>In <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/book/-/work_items/3550791" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/book/-/work_items/3550791</a></span>, the rendering of the draggable handles in "Child Order" page in Claro theme was fixed for Firefox, and improved for the other browsers.</p>
<p>Life was beautiful until core <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/drupal/issues/3506870" title="Status: Closed (fixed)">#3506870: Tabledrag misalignment and "Show row weights" link</a></span> was merged and the "Child Order" issue reappeared. Firefox is again rendering worse than the others, with handles overlapping with previous row:</p>
<p>From left to right, this is Chrome - Firefox - Edge, on Windows:</p>
<p><img src="https://www.drupal.org/files/issues/2026-05-08/draggable-handles.png" alt="Draggable Handles Chrome - Firefox - Edge" width="800"></p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>- Standard profile site install with Book module enabled.<br>
- Create a book, add 3 pages to it and visit "Child Order"</p>
<p>Wrong rendering:</p>
<p>- Drupal Core 10.6.8 + Book 2.0.4 and 2.0.x<br>
- Drupal Core 11.3.9 + Book 2.0.4 and 2.0.x</p>
<p>Correct rendering:</p>
<p>- Drupal Core 11.3.9 + Book 3.0.4 - Apparently not affected !!</p>
<p>I didn't test:</p>
<p>- Book 1.0</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>- Just reverting that commit fixes the issue. Even if Book 3 is not affected, Less markup = Better markup.</p>
issue