Fix cropped handle icon

Created on 23 August 2024, 6 months ago

Problem/Motivation

When using common CSS normalization stylesheets, the handle icon is cropped almost completely out of view.

Steps to reproduce

This is reproducible when a theme specifies something like one of the following:

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

See https://github.com/csstools/sanitize.css/blob/092d0d85922bfa72d28e9e8d25...
See https://github.com/sindresorhus/modern-normalize/blob/5d8b1e5c8a167948e9...
See https://github.com/uswds/uswds/blob/42907b9ef1a8dfa859730e91d03482f2283b...

Use a theme that implements one of the many commonly used normalization stylesheets: sanitize.css, modern-normalize.css, etc.

Proposed resolution

Ensure .handle styling is in place that works with and without these box-sizing normalizations.

πŸ› Bug report
Status

Active

Version

10.3 ✨

Component
CSSΒ  β†’

Last updated 4 days ago

Created by

πŸ‡ΊπŸ‡ΈUnited States jcandan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @jcandan
  • Merge request !9316set box-sizing on handle β†’ (Open) created by jcandan
  • πŸ‡ΊπŸ‡ΈUnited States jcandan
  • Pipeline finished with Failed
    6 months ago
    Total: 369s
    #262758
  • Status changed to Needs work 6 months ago
  • Pipeline failed updating status to needs work.

  • I am not able to reproduce this issue.
    Drupal version 10.3.x-dev

    Steps taken
    1. Checked for themes that use sanitize.css, modern-normalize.css
    2. Created Custom theme and added above code, and mentioned files.
    3. Not able to reproduce issue on front end. Adding screenshot for reference.

    Need more clear steps to reproduce issue

    1. Which theme ?
    2. Screenshot where it is checked .

  • Status changed to Postponed: needs info 3 months ago
  • πŸ‡³πŸ‡ΏNew Zealand quietone

    Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

    Since we need more information to move forward with this issue, see the last comment, I am setting the status to Postponed (maintainer needs more info). If we don't receive additional information to help with the issue, it may be closed after three months.

    Thanks!

Production build 0.71.5 2024