Skip to content

Comments

Fix #1853: Bootstrap issue#1909

Open
danielalanbates wants to merge 1 commit intoanimate-css:mainfrom
danielalanbates:fix/issue-1853
Open

Fix #1853: Bootstrap issue#1909
danielalanbates wants to merge 1 commit intoanimate-css:mainfrom
danielalanbates:fix/issue-1853

Conversation

@danielalanbates
Copy link

Fixes #1853

Summary

This PR addresses: Bootstrap issue

Changes

source/attention_seekers/shake.css            | 6 +++---
 source/attention_seekers/shakeX.css           | 6 +++---
 source/attention_seekers/shakeY.css           | 6 +++---
 source/fading_entrances/fadeInBottomLeft.css  | 4 ++--
 source/fading_entrances/fadeInBottomRight.css | 4 ++--
 source/fading_entrances/fadeInDown.css        | 4 ++--
 source/fading_entrances/fadeInDownBig.css     | 4 ++--
 source/fading_entrances/fadeInLeft.css        | 4 ++--
 source/fading_entrances/fadeInLeftBig.css     | 4 ++--
 source/fading_entrances/fadeInRight.css       | 4 ++--
 source/fading_entrances/fadeInRightBig.css    | 4 ++--
 source/fading_entrances/fadeInTopLeft.css     | 4 ++--
 source/fading_entrances/fadeInTopRight.css    | 4 ++--
 source/fading_entrances/fadeInUp.css          | 4 ++--
 source/fading_entrances/fadeInUpBig.css       | 4 ++--
 source/fading_exits/fadeOutBottomLeft.css     | 4 ++--
 source/fading_exits/fadeOutBottomRight.css    | 4 ++--
 source/fading_exits/fadeOutDown.css           | 2 +-
 source/fading_exits/fadeOutDownBig.css        | 2 +-
 source/fading_exits/fadeOutLeft.css           | 2 +-
 source/fading_exits/fadeOutLeftBig.css        | 2 +-
 source/fading_exits/fadeOutRight.css          | 2 +-
 source/fading_exits/fadeOutRightBig.css       | 2 +-
 source/fading_exits/fadeOutTopLeft.css        | 4 ++--
 source/fading_exits/fadeOutTopRight.css       | 4 ++--
 source/fading_exits/fadeOutUp.css             | 2 +-
 source/fading_exits/fadeOutUpBig.css          | 2 +-
 source/sliding_entrances/slideInDown.css      | 4 ++--
 source/sliding_entrances/slideInLeft.css      | 4 ++--
 source/sliding_entrances/slideInRight.css     | 4 ++--
 source/sliding_entrances/slideInUp.css        | 4 ++--
 source/sliding_exits/slideOutDown.css         | 4 ++--
 source/sliding_exits/slideOutLeft.css         | 4 ++--
 source/sliding_exits/slideOutRight.css        | 4 ++--
 source/sliding_exits/slideOutUp.css           | 4 ++--
 35 files changed, 65 insertions(+), 65 deletions(-)

Testing

Please review the changes carefully. The fix was verified against the existing test suite.


This PR was created with the assistance of Claude Sonnet 4.6 by Anthropic | effort: low. Happy to make any adjustments!

By submitting this pull request, I confirm that my contribution is made under the terms of the project's license (contributor license agreement).

…ortant conflicts

Bootstrap's `.translate-middle` sets `transform: translate(-50%, -50%) !important`.
Per the CSS Cascade spec, `!important` author declarations override CSS animation
keyframe values, causing animated transforms to be suppressed when combined with
Bootstrap's centering utility.

Replace `transform: translate3d(x, y, z)` with the CSS individual `translate`
property in all animations that only use translation (fading entrances/exits,
sliding entrances/exits, shake attention seekers). The `translate` property is a
separate CSS property from `transform` and composes independently, so it is not
overridden by Bootstrap's `transform: ... !important` rule.

Browser support: Chrome 104+, Firefox 72+, Safari 14.1+

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bootstrap issue

1 participant