fix: placeholder for DBSelect with variant floating is moved down

[mfranzke]

Proposed changes

we cannot rely on a 50% vertical positioning, as the height might change e.g. due to an error message. Adapting another variable by the following code:
https://github.com/db-ux-design-system/core-web/blob/5377-placeholder-for-dbselect-with-variant-floating-is-moved-down-focus-within/packages/components/src/styles/internal/_form-components.scss#L496-L498

This is mainly related to these three patterns, that could be checked on a QS of this ticket:

• https://design-system.deutschebahn.com/core-web/review/5377-placeholder-for-dbselect-with-variant-floating-is-moved-down-focus-within/components/data-input/input/overview?page=example+floating+label (shouldn't have broken)
• https://design-system.deutschebahn.com/core-web/review/5377-placeholder-for-dbselect-with-variant-floating-is-moved-down-focus-within/components/data-input/custom-select/overview?page=examples+floating+label (shouldn't have broken)
• https://design-system.deutschebahn.com/core-web/review/5377-placeholder-for-dbselect-with-variant-floating-is-moved-down-focus-within/components/data-input/select/overview?page=examples+floating+label (the one reported by Placeholder for DBSelect with variant floating is moved down (:focus-within) #5377)

resolves #5377

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/5377-placeholder-for-dbselect-with-variant-floating-is-moved-down-focus-within

[changeset-bot]

🦋 Changeset detected

Latest commit: 7ac068f

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

[Copilot]

Pull request overview

This PR fixes a bug where the placeholder text in DBSelect components with the floating label variant was positioned incorrectly. The fix addresses vertical alignment by using a more precise calculation based on the actual sizing variable instead of a percentage.

Key Changes:

• Updated placeholder positioning calculation in SCSS from percentage-based to variable-based
• Added test examples for floating label variant with invalid validation state
• Updated visual regression test snapshots to reflect the new test cases

Reviewed changes

Copilot reviewed 16 out of 26 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/components/src/styles/internal/_form-components.scss	Fixed placeholder vertical positioning calculation for floating label variant
showcases/shared/select.json	Added test case for floating label select with invalid validation
showcases/shared/input.json	Added test case for floating label input with invalid validation
showcases/shared/custom-select.json	Added test cases for floating label custom select with and without validation
Multiple snapshot files	Updated aria snapshots and visual regression screenshots to include new test cases

[Copilot]

Pull request overview

Copilot reviewed 23 out of 41 changed files in this pull request and generated no new comments.