Problem/Motivation

All tabledrag-handle anchors appear broken when there's a stylesheet with Paul Irish's box-sizing snippet (http://www.paulirish.com/2012/box-sizing-border-box-ftw/), which is very common and on a lot of sites.

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Or

*, *:before, *:after {
  box-sizing: border-box;
}

Drupal.org even has this problem but fixes it by using a separate stylesheet with

a.tabledrag-handle .handle {
    height: 2em;
    width: 2em;
}

caniuse reference (http://caniuse.com/#feat=css3-boxsizing)

Steps to reproduce

Proposed resolution

Simple fix, add box-sizing: content-box; to .draggable a.tabledrag-handle in system.base.css

MRLink

Remaining tasks

Needs screenshots/STR/Review

User interface changes

API changes

Data model changes

Release notes snippet

Issue fork drupal-2552195

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

arattana created an issue. See original summary.

johnalbin’s picture

Status: Needs review » Closed (outdated)
nathan tsai’s picture

Version: 7.x-dev » 9.3.x-dev
Status: Closed (outdated) » Active

This issue is still present in Drupal 9.3.

https://git.drupalcode.org/project/drupal/-/blob/9.3.x/core/modules/syst...

I needed to add to the following code today.

.tabledrag-handle .handle {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

Don't know if we just leave it to the developers to deal with it, or we want to avoid potential conflicts down the road.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.15 was released on June 1st, 2022 and is the final full bugfix release for the Drupal 9.3.x series. Drupal 9.3.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.4.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.9 was released on December 7, 2022 and is the final full bugfix release for the Drupal 9.4.x series. Drupal 9.4.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.5.x-dev branch from now on, and new development or disruptive changes should be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

rafaellapinho’s picture

StatusFileSize
new457 bytes

The issue is happening on Drupal version 9.4.9 and Admin theme Seven. With the default Drupal 9 admin theme (Claro) the issue is not happening. Then I created a patch for the seven theme.

rafaellapinho’s picture

I created an issue to the seven theme: https://www.drupal.org/project/seven/issues/3333866

muskan kumari’s picture

Status: Active » Needs review

Please add below CSS code in Drupal Seven theme:

-webkit-box-sizing: content-box;
box-sizing: content-box;

needs-review-queue-bot’s picture

Status: Needs review » Needs work
StatusFileSize
new143 bytes

The Needs Review Queue Bot tested this issue. It either no longer applies to Drupal core, or fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

Consult the Drupal Contributor Guide to find step-by-step guides for working with issues.

Shubham Sharma 77’s picture

Status: Needs work » Needs review
StatusFileSize
new473 bytes

Fixed failed commands on #6 and addressed comment #8
Attached reroll patch against Drupal 9.5.x. Please review it.

Status: Needs review » Needs work

The last submitted patch, 10: 2552195-10.patch, failed testing. View results

athyamvidyasagar’s picture

StatusFileSize
new489 bytes

Able to replicate this issue on Drupal 9.5.0 Seven admin theme, fixed and created a patch for the same.

jay jangid’s picture

Assigned: Unassigned » jay jangid
jay jangid’s picture

Assigned: jay jangid » Unassigned
Status: Needs work » Needs review
StatusFileSize
new21.57 KB
new479 bytes

After apply Patch #12 ,it showing patch corrupt.
Create new patch according to patch #12.
Please review.

Status: Needs review » Needs work

The last submitted patch, 14: 2552195-14.patch, failed testing. View results

ricksta’s picture

Could I get please get more information on this, maybe someone layout the steps reviewers should follow to see the bug? I'm not seeing a problem. I see patches for the Seven theme which is marked as deprecated and not installed on a fresh D9.5 site.

gauravvvv’s picture

Version: 9.5.x-dev » 11.x-dev

gauravvvv’s picture

Status: Needs work » Needs review
smustgrave’s picture

Status: Needs review » Needs work
Issue tags: +Needs issue summary update, +Needs screenshots

Issue summary should follow standard template, which includes UI changes.

djsagar’s picture

Need more information to reproduce this issue, so update issue tags.

it's really helpful if someone share the STR.

Thanks!

shweta__sharma’s picture

Issue summary: View changes

Added standard IS template still screenshots and STR required. Leaving it in needs works status for now.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.