Skip to content

Firefox: fix disappearing toolbar#25554

Merged
ZebulanStanphill merged 1 commit intomasterfrom
fix/toolbar-hover-firefox
Sep 23, 2020
Merged

Firefox: fix disappearing toolbar#25554
ZebulanStanphill merged 1 commit intomasterfrom
fix/toolbar-hover-firefox

Conversation

@ellatrix
Copy link
Member

Description

Fixes #25526.

The cause of this bug is the switch from a React synthetic event to a native event. It seems that the buttons property didn't work correctly in the past for Firefox, but it works correctly for the native event.

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 the [Type] Bug An existing feature does not function as intended label Sep 23, 2020
@ellatrix ellatrix requested a review from talldan September 23, 2020 10:35
@github-actions
Copy link

github-actions bot commented Sep 23, 2020

Size Change: -8 B (0%)

Total Size: 1.17 MB

Filename Size Change
build/block-editor/index.js 128 kB -8 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.52 kB 0 B
build/api-fetch/index.js 3.34 kB 0 B
build/autop/index.js 2.72 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 8.53 kB 0 B
build/block-directory/style-rtl.css 943 B 0 B
build/block-directory/style.css 942 B 0 B
build/block-editor/style-rtl.css 11.1 kB 0 B
build/block-editor/style.css 11.1 kB 0 B
build/block-library/editor-rtl.css 8.56 kB 0 B
build/block-library/editor.css 8.56 kB 0 B
build/block-library/index.js 135 kB 0 B
build/block-library/style-rtl.css 7.6 kB 0 B
build/block-library/style.css 7.59 kB 0 B
build/block-library/theme-rtl.css 741 B 0 B
build/block-library/theme.css 741 B 0 B
build/block-serialization-default-parser/index.js 1.78 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 47.5 kB 0 B
build/components/index.js 167 kB 0 B
build/components/style-rtl.css 15.5 kB 0 B
build/components/style.css 15.5 kB 0 B
build/compose/index.js 9.42 kB 0 B
build/core-data/index.js 12 kB 0 B
build/data-controls/index.js 1.27 kB 0 B
build/data/index.js 8.43 kB 0 B
build/date/index.js 31.9 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 568 B 0 B
build/dom/index.js 4.42 kB 0 B
build/edit-navigation/index.js 10.4 kB 0 B
build/edit-navigation/style-rtl.css 868 B 0 B
build/edit-navigation/style.css 871 B 0 B
build/edit-post/index.js 306 kB 0 B
build/edit-post/style-rtl.css 6.24 kB 0 B
build/edit-post/style.css 6.23 kB 0 B
build/edit-site/index.js 19.7 kB 0 B
build/edit-site/style-rtl.css 3.3 kB 0 B
build/edit-site/style.css 3.3 kB 0 B
build/edit-widgets/index.js 17.5 kB 0 B
build/edit-widgets/style-rtl.css 2.8 kB 0 B
build/edit-widgets/style.css 2.8 kB 0 B
build/editor/editor-styles-rtl.css 492 B 0 B
build/editor/editor-styles.css 493 B 0 B
build/editor/index.js 45.5 kB 0 B
build/editor/style-rtl.css 3.8 kB 0 B
build/editor/style.css 3.8 kB 0 B
build/element/index.js 4.45 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.49 kB 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.js 1.74 kB 0 B
build/html-entities/index.js 621 B 0 B
build/i18n/index.js 3.55 kB 0 B
build/is-shallow-equal/index.js 709 B 0 B
build/keyboard-shortcuts/index.js 2.39 kB 0 B
build/keycodes/index.js 1.85 kB 0 B
build/list-reusable-blocks/index.js 3.02 kB 0 B
build/list-reusable-blocks/style-rtl.css 476 B 0 B
build/list-reusable-blocks/style.css 476 B 0 B
build/media-utils/index.js 5.12 kB 0 B
build/notices/index.js 1.69 kB 0 B
build/nux/index.js 3.27 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.js 2.44 kB 0 B
build/primitives/index.js 1.34 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 13.7 kB 0 B
build/server-side-render/index.js 2.61 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.24 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.74 kB 0 B
build/warning/index.js 1.13 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

Copy link
Member

@aristath aristath left a comment

Choose a reason for hiding this comment

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

LGTM. Tested on Ubuntu using Firefox, it now works as expected 👍

@ZebulanStanphill ZebulanStanphill added [Priority] High Used to indicate top priority items that need quick attention [Type] Regression Related to a regression in the latest release Browser Issues Issues or PRs that are related to browser specific problems labels Sep 23, 2020
Copy link
Member

@ZebulanStanphill ZebulanStanphill left a comment

Choose a reason for hiding this comment

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

Thanks for getting on this so quickly, @ellatrix! And thanks for spotting and reporting, @talldan and @aristath.

Tested on KDE Neon with Firefox 80.0.1. Also tested on Chromium to make sure it's still working there. Everything seems to be working correctly again!

There's a failing test in the Static Analysis GitHub action:

[1] /home/runner/work/gutenberg/gutenberg/packages/block-library/src/navigation/index.js
[1]   24:18  error  Replace `·'A·collection·of·blocks·that·allow·visitors·to·get·around·your·site.'·` with `⏎↹↹'A·collection·of·blocks·that·allow·visitors·to·get·around·your·site.'⏎↹`  prettier/prettier

However, it's just a formatting issue that is totally unrelated to this PR. So we should merge this as soon as it lets us.

@ZebulanStanphill
Copy link
Member

(I think it just needs a rebase.)

@ellatrix ellatrix force-pushed the fix/toolbar-hover-firefox branch from 7503cd7 to fda9eb0 Compare September 23, 2020 19:39
function onMouseLeave( { buttons } ) {
// The primary button must be pressed to initiate selection.
// See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
// See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which
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 link can be removed since it's no longer relevant.

Copy link
Member

Choose a reason for hiding this comment

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

I made a separate PR for this: #25589.

@ZebulanStanphill ZebulanStanphill merged commit af90b9d into master Sep 23, 2020
@ZebulanStanphill ZebulanStanphill deleted the fix/toolbar-hover-firefox branch September 23, 2020 21:06
@github-actions github-actions bot added this to the Gutenberg 9.1 milestone Sep 23, 2020
ZebulanStanphill added a commit that referenced this pull request Sep 23, 2020
The link is no longer relevant after #25554.
ZebulanStanphill added a commit that referenced this pull request Sep 24, 2020
The link is no longer relevant after #25554.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Browser Issues Issues or PRs that are related to browser specific problems [Priority] High Used to indicate top priority items that need quick attention [Type] Bug An existing feature does not function as intended [Type] Regression Related to a regression in the latest release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Block toolbar disappears when hovering over it in Firefox

3 participants