Skip to content

Display validation feedback for floating labels - #43260

Open
quark404 wants to merge 1 commit into
twbs:mainfrom
quark404:fix-43257-floating-validation
Open

quark404 wants to merge 1 commit into
twbs:mainfrom
quark404:fix-43257-floating-validation

Conversation

@quark404

@quark404 quark404 commented Nov 1, 2026

Copy link
Copy Markdown
  • Add .form-floating support to form validation so .invalid-feedback and .invalid-tooltip display when a floating-label control is invalid.
  • Update the validation docs example to use the new rule instead of d-block.

Fixes #43257

@quark404
quark404 requested a review from a team as a code owner November 1, 2026 09:12
@julien-deramond julien-deramond added v6 v6, the main branch bug Something does not work as documented css Sass sources or compiled CSS docs Documentation site and its content labels Nov 1, 2026
@miken32

miken32 commented Nov 2, 2026

Copy link
Copy Markdown

Thanks for the quick PR; I think there should be an example on the floating labels page as well.

@quark404
quark404 force-pushed the fix-43257-floating-validation branch from 71682d2 to 2ed51fa Compare November 8, 2026 02:20
@netlify

netlify Bot commented Nov 8, 2026

Copy link
Copy Markdown

✅ Deploy Preview for twbs-bootstrap ready!

Name Link
🔨 Latest commit 2ed51fa
🔍 Latest deploy log https://app.netlify.com/projects/twbs-bootstrap/deploys/6aefdc8ee4917605ff30753b
😎 Deploy Preview https://deploy-preview-43260--twbs-bootstrap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@quark404

quark404 commented Nov 8, 2026

Copy link
Copy Markdown
Author

@miken32 added the .form-field + .form-floating validation example to the floating labels page as well. Does that look right to you?

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something does not work as documented css Sass sources or compiled CSS docs Documentation site and its content v6 v6, the main branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[v6] .invalid-feedback doesn't work well with .form-floating

3 participants