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

Remove unused is-hovered class #19390

Merged
merged 2 commits into from Jan 3, 2020
Merged

Remove unused is-hovered class #19390

merged 2 commits into from Jan 3, 2020

Conversation

ellatrix
Copy link
Member

@ellatrix ellatrix commented Jan 2, 2020

Description

This PR removed the is-hovered class on blocks when hovering over them. The styles had been removed in #18862.

It also removes the hover state in the block, which is only used for one thing: showing the side block inserter when the default block is empty. I would suggest to either:

  • Only show it when the block is selected or last (as before, just not on hover).
  • Show it all the time.

I chose the first option, but I don't mind changing it.

One aspect of removing the hover effect is that it is intrinsically a desktop affordance, and one that is very much biased towards sighted users. Removing it might help us rely on other affordances that are more cross-platform and potentially, accessible.

-- @jasmussen

It's also worth noting that this removes a number of event handlers that are added to every single block.

Also reverts 0d0c8e0 (from #5658) because this is no longer needed.

How has this been tested?

Screenshots

Types of changes

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR. .

@ellatrix ellatrix added [Type] Code Quality Issues or PRs that relate to code quality [Type] Performance Related to performance efforts labels Jan 2, 2020
@@ -534,14 +472,9 @@ function BlockListBlock( {
<IgnoreNestedEvents
id={ blockElementId }
ref={ wrapper }
onMouseOver={ maybeHover }
onMouseOverHandled={ hideHoverEffects }
Copy link
Member

Choose a reason for hiding this comment

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

I think this was the only usage of the "Handled" behavior for IgnoreNestedEvents, so it could be removed. Not sure that it will make a ton of difference, but at least simplifying a bit.

Effectively would amount to a revert of 0d0c8e0d55849529227df3540ad35ff3edf5be5b (from #5658)

@ellatrix ellatrix requested a review from aduth January 2, 2020 22:33
@ellatrix
Copy link
Member Author

I think this is a sensible change. If you create a new (empty) paragraph, it is selected, and you'll see the side inserter. If you select another block, the side inserter is gone. It makes sense to select the block again to see the side inserter. Additionally, there's the in-between inserters which are consistently available for every block on hover.

@ellatrix ellatrix merged commit 431f76c into master Jan 3, 2020
@ellatrix ellatrix deleted the remove/block-hover branch January 3, 2020 08:58
@youknowriad youknowriad added this to the Gutenberg 7.2 milestone Jan 6, 2020
@ellatrix ellatrix mentioned this pull request Jan 24, 2020
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Code Quality Issues or PRs that relate to code quality [Type] Performance Related to performance efforts
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants