Skip to content

Conversation

@mfranzke
Copy link
Collaborator

@mfranzke mfranzke commented Dec 4, 2025

Proposed changes

As reported in issue #5561, some of our selectors seem to cause a laggy UI, especially with textarea elements. Therefore, we should optimize them and measure the results.

resolves #5561

Types of changes

  • Bugfix (non-breaking change that fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (improvements to existing components or architectural decisions)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation Update (if none of the other choices apply)

Further comments

🔭🐙🐈 Test this branch here: https://design-system.deutschebahn.com/core-web/review/5561-v421---heavy-css-performance-issues

@mfranzke mfranzke self-assigned this Dec 4, 2025
@mfranzke mfranzke added the 🐛bug Something isn't working label Dec 4, 2025
@github-project-automation github-project-automation bot moved this to 🏗 In progress in UX Engineering Team Backlog Dec 4, 2025
@mfranzke mfranzke linked an issue Dec 4, 2025 that may be closed by this pull request
7 tasks
@changeset-bot
Copy link

changeset-bot bot commented Dec 4, 2025

🦋 Changeset detected

Latest commit: cfaea07

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 9 packages
Name Type
@db-ux/core-components Patch
@db-ux/ngx-core-components Patch
@db-ux/react-core-components Patch
@db-ux/wc-core-components Patch
@db-ux/v-core-components Patch
@db-ux/core-foundations Patch
@db-ux/core-stylelint Patch
@db-ux/core-migration Patch
@db-ux/agent-cli Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mfranzke mfranzke changed the title 5561 v421 heavy css performance issues fix: selector simplifications Dec 4, 2025
@mfranzke mfranzke requested a review from Copilot December 4, 2025 11:59
Copilot finished reviewing on behalf of mfranzke December 4, 2025 12:02
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR addresses CSS performance issues by simplifying expensive selector patterns in the foundation styles. The changes remove performance-costly selectors while maintaining the same functionality.

  • Removed expensive :has() pseudo-class selector for color-scheme detection
  • Simplified box-sizing pattern from inheritance-based to direct assignment

@mfranzke mfranzke changed the title fix: selector simplifications fix: textarea "responsiveness" due to CSS selector Dec 4, 2025
@github-actions github-actions bot added the 📕documentation Improvements or additions to documentation label Dec 4, 2025
@mfranzke mfranzke enabled auto-merge (squash) December 4, 2025 20:42
@mfranzke mfranzke moved this from 🏗 In progress to 🎁 Ready for review in UX Engineering Team Backlog Dec 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🐛bug Something isn't working 📕documentation Improvements or additions to documentation 🏗foundations

Projects

Status: 🎁 Ready for review

Development

Successfully merging this pull request may close these issues.

Heavy CSS Performance issues

2 participants