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.

Sign up for GitHub

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

Jump to bottom

Social link block distorted visually when moved (highlighted) #48492

Closed
richtabor opened this issue Feb 27, 2023 · 2 comments
Closed

Social link block distorted visually when moved (highlighted) #48492

richtabor opened this issue Feb 27, 2023 · 2 comments
Assignees
@richtabor
Labels
[Block] Social Affects the Social Block - used to display Social Media accounts [Type] Bug An existing feature does not function as intended

Comments

@richtabor
Copy link
Member

Description

Looks like the .is-highlighted class is conflicting with the styling of the Social Links block, resulting in visual distortion when the block is moved (i.e. has the .is-highlighted class applied).

It looks like the class is applying to the block itself, and the element inside it:

CleanShot 2023-02-27 at 09 40 42

Step-by-step reproduction instructions

  1. Add a Social Links block.
  2. Add two Social Link blocks.
  3. Move one of them using the block movers.
  4. See the circle break and the background color of the icon fill the block container.

Screenshots, screen recording, code snippet

Showcasing the issue:

CleanShot.2023-02-27.at.09.29.45.mp4

Identifying the is-highlighted class issue:

CleanShot.2023-02-27.at.09.34.44.mp4

Environment info

  • WordPress RC 3
  • Gutenberg trunk

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes
@richtabor richtabor added [Type] Bug An existing feature does not function as intended [Block] Social Affects the Social Block - used to display Social Media accounts labels Feb 27, 2023
@richtabor richtabor mentioned this issue Apr 12, 2023
Closed
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Apr 12, 2023
@ndiego
Copy link
Member

ndiego commented May 26, 2023

@richtabor I think this can be closed now. Can you confirm when you have a sec?

@richtabor
Copy link
Member Author

Yup. Thanks!

@priethor priethor removed the [Status] In Progress Tracking issues with work in progress label Jul 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@richtabor richtabor

Labels
[Block] Social Affects the Social Block - used to display Social Media accounts [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
3 participants
@richtabor @ndiego @priethor