Incorrect positioning of the table drag element

happens in 11.x

Tanuj. → made their first commit to this issue’s fork.

It sounds like you're experiencing an issue with the table drag element's positioning within the Claro administration theme on Drupal, specifically when using Chromium browsers. This can be particularly problematic for user experience, especially when dealing with large draggable elements.

One possible workaround to consider, until a permanent fix is implemented, could involve custom CSS or JavaScript adjustments to alter the drag handle's positioning or enhance its visibility and accessibility. For instance, you might use CSS to adjust the drag handle's position to the top of the draggable item, ensuring it's consistently accessible regardless of the item's size or the browser in use.

Additionally, exploring JavaScript solutions that dynamically adjust the drag handle's position based on the user's interaction or the viewport size could offer a more responsive and user-friendly approach. This could involve listening for drag events and altering the handle's position to ensure it remains within an easily reachable area of the viewport.

It's also worth checking if there are any open issues or patches submitted by the community addressing this problem. Contributing to such discussions or patches can not only help you find a temporary solution but also assist in speeding up the resolution of the issue for everyone involved.

Remember, when customizing or extending functionality, it's essential to thoroughly test your changes across different browsers and devices to ensure compatibility and maintain a consistent user experience.

Before

After

Should be MR and screenshots need to be added to issue summary as well as proposed solution. The missing sections of the issue summary template

@Maninders, it's not helpful to post a patch when an issue already has a merge request, and therefore that doesn't receive issue credit.

Also, the merge request needs to be against 11.x. Sometimes it's easiest to just open a new MR and close the old one. However, note that any of the above are not enough to receive credit without other contributions to the issue. Thanks!

Gauravvvv → made their first commit to this issue’s fork.

Updated issue summary

ahsannazir → made their first commit to this issue’s fork.

Hi
I've tested MR 6788 on Drupal 10 and 11
MR is applied cleanly...

Test Result:
The positioning of the table drag element is changed from middle to top but the alignment of the drag icon with element name visually does not look good.

Attaching SS for reference

Moving to "Needs work"

Changing vertical-align to top also changes alignment for small section fields. Check screenshot below