Checkboxes are styled as toggles in .tabledrag-cell-content__item if content has wrapper
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3453061. -->
Reported by: [mglaman](https://www.drupal.org/user/2416470)
Related to !510 !425
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>There is a selector to prevent styling checkboxes in toggles within tabledrag cells. However, when using AJAX that adds a wrapper, it breaks.</p>
<p>This selector is broken if there is an AJAX wrapping div around the content containing a checkbox:</p>
<pre>:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner</pre><p><img src="https://www.drupal.org/files/issues/2024-06-06/Screenshot%202024-06-06%20at%2011.35.44%E2%80%AFAM.png" alt=""></p>
<p>The problem seems to be the <code>></code> selector in <code>> .form-type--checkbox .checkbox-toggle__inner</code>.</p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue