Fix x-paddings for select (with floating label, and in Firefox) (!34008) · Merge requests · Bootstrap / bootstrap

Merged Administrator requested to merge main-fod-floating-select into main May 17, 2021

Created by: ffoodd

Fixes #33996 (closed), fixes #32636 (closed)

Floating labels

Since y-padding are overriden for form-select later in the file, I'm simply moving paddings to .form-control, which prevents to override existing x-padding for select.

Firefox

Applying vendor property works fine, I'm simply taking user agent styles into account by subtracting the internal start padding to our own.

Preview: https://deploy-preview-34008--twbs-bootstrap.netlify.app/docs/5.0/forms/floating-labels/#selects