Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !37338

Limit `abbr[title]` style to browsers that support hover

  • Review changes

  • Download
  • Email patches
  • Plain diff
Open Julien Déramond requested to merge main-jd-abbr-title into main Oct 18, 2022
  • Overview 4
  • Commits 2
  • Pipelines 0
  • Changes 3

Warning Draft PR to benefit from the Netlify deployment

Description

This change is based on the suggestion made by @coliff in #36607.

Apparently we wouldn't need to precise -webkit-text-decoration: none; since it is not added by Autoprefixer while the latter will automatically add -webkit-text-decoration: underline dotted; and -webkit-text-decoration-skip-ink: none; when needed.

Motivation & Context

This change will avoid the frustration of users that could see the underline dotted text decoration on their devices but couldn't have access to the information.

Type of changes

  • New feature (non-breaking change which adds functionality)

Checklist

Specific to this PR

  • Check the result of this Netlify deployment with different combinations of browsers, OSs and versions.
  • Do we embed https://github.com/twbs/bootstrap/issues/36607#issuecomment-1163610342 in the docs as a trick?
  • Check with @patrickhlauke if it can't mess up with some input mechanisms used for accessibility because the notion of "primary input mechanism" seems prone to mistakes when using multiple input devices.
    • Read https://css-tricks.com/interaction-media-features-and-their-potential-for-incorrect-assumptions/ and apply the correct fix to this PR

Generic

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • My change introduces changes to the documentation
  • I have updated the documentation accordingly
  • All new and existing tests passed

Live previews

  • https://deploy-preview-37338--twbs-bootstrap.netlify.app/docs/5.2/content/typography/#abbreviations

Related issues

Closes #36607

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: main-jd-abbr-title