Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom forms transition #26538

Merged
merged 2 commits into from
May 22, 2018
Merged

Conversation

MartijnCuppens
Copy link
Member

Currently there is no transition applied to custom form elements. This PR adds transition to checkboxes, radios, custom range sliders, custom selects and custom file inputs.

background-color transition is needed to transition the checkboxes and radio buttons. This is why $custom-forms-transition is not inherited from $input-transition

Demo: https://codepen.io/MartijnCuppens/pen/OZrBYj

@patrickhlauke
Copy link
Member

just to check: does this also obey the "reduced motion" thing (where transitions are disabled) https://getbootstrap.com/docs/4.1/getting-started/accessibility/#reduced-motion ?

@MartijnCuppens
Copy link
Member Author

@patrickhlauke,
Yes, the transition mixin is used for each transition.

Copy link
Collaborator

@andresgalante andresgalante left a comment

Choose a reason for hiding this comment

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

@MartijnCuppens cool! I like it

@XhmikosR XhmikosR merged commit 4dd65f0 into twbs:v4-dev May 22, 2018
@mdo mdo mentioned this pull request May 22, 2018
@MartijnCuppens MartijnCuppens deleted the custom-form-transition branch May 20, 2020 09:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants