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

Conflict between Animations and Font Awesome 6 #1998

Open
AndreeaCristinaRadacina opened this issue Dec 6, 2023 · 0 comments
Open

Conflict between Animations and Font Awesome 6 #1998

AndreeaCristinaRadacina opened this issue Dec 6, 2023 · 0 comments
Labels
bug This label could be used to identify issues that are caused by a defect in the product. customer report Indicates the request came from a customer.

Comments

@AndreeaCristinaRadacina
Copy link

Description

A user reported that there is a problem with the Block Animations plugin, hence with the Otter Blocks.

Each speed type has a different class, but they use generic names. In this case, when using the Fast speed, it adds a .fast class on the block.

In Font Awesome 6, there is also a .fast class, so they interfere.

Ref: https://wordpress.org/support/topic/compatibility-issue-with-font-awesome-6-pro/

Step-by-step reproduction instructions

  1. Insert a block
  2. Open the Animations
  3. Select an animation, then pick the fast speed
  4. Go to the live page and inspect it

Screenshots, screen recording, code snippet or Help Scout ticket

image image

Environment info

No response

Is the issue you are reporting a regression

No

@AndreeaCristinaRadacina AndreeaCristinaRadacina added the bug This label could be used to identify issues that are caused by a defect in the product. label Dec 6, 2023
@pirate-bot pirate-bot added the customer report Indicates the request came from a customer. label Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This label could be used to identify issues that are caused by a defect in the product. customer report Indicates the request came from a customer.
Projects
None yet
Development

No branches or pull requests

2 participants