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

Popover: allow scrolling over #23696

Merged
merged 1 commit into from Jul 6, 2020
Merged

Popover: allow scrolling over #23696

merged 1 commit into from Jul 6, 2020

Conversation

@ellatrix
Copy link
Member

@ellatrix ellatrix commented Jul 4, 2020

Description

Enables scrolling the content while the pointer is over the block toolbar.

This PR reverts #19896. That fix is no longer necessary since popover height is no longer only calculated once (#23159) and the position is set with useLayoutEffect (#23312), meaning we can set the popover top/left styles as soon as the component renders.

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.
@@ -396,8 +391,7 @@ const Popover = ( {
setAnimateOrigin( animateXAxis + ' ' + animateYAxis );
};

// Height may still adjust between now and the next tick.
const timeoutId = window.setTimeout( refresh );

This comment has been minimized.

@ellatrix

ellatrix Jul 4, 2020
Author Member

Height is now continuously calculated since #23159.

@github-actions
Copy link

@github-actions github-actions bot commented Jul 4, 2020

Size Change: -983 B (0%)

Total Size: 1.13 MB

Filename Size Change
build/block-directory/index.js 7.48 kB -153 B (2%)
build/block-editor/index.js 109 kB -730 B (0%)
build/block-editor/style-rtl.css 10.7 kB +7 B (0%)
build/block-editor/style.css 10.7 kB +7 B (0%)
build/block-library/index.js 130 kB +65 B (0%)
build/block-serialization-spec-parser/index.js 3.1 kB +5 B (0%)
build/blocks/index.js 48.2 kB -73 B (0%)
build/components/index.js 198 kB -99 B (0%)
build/compose/index.js 9.65 kB +89 B (0%)
build/date/index.js 5.47 kB +89 B (1%)
build/edit-navigation/index.js 9.98 kB +57 B (0%)
build/edit-post/index.js 304 kB -137 B (0%)
build/edit-site/index.js 16.6 kB -23 B (0%)
build/edit-widgets/index.js 9.32 kB -26 B (0%)
build/editor/index.js 44.8 kB -193 B (0%)
build/media-utils/index.js 5.3 kB -22 B (0%)
build/primitives/index.js 1.5 kB +92 B (6%) 🔍
build/rich-text/index.js 14 kB +99 B (0%)
build/server-side-render/index.js 2.68 kB -37 B (1%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.68 kB 0 B
build/api-fetch/index.js 3.4 kB 0 B
build/autop/index.js 2.82 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/style-rtl.css 944 B 0 B
build/block-directory/style.css 945 B 0 B
build/block-library/editor-rtl.css 7.57 kB 0 B
build/block-library/editor.css 7.57 kB 0 B
build/block-library/style-rtl.css 7.78 kB 0 B
build/block-library/style.css 7.79 kB 0 B
build/block-library/theme-rtl.css 728 B 0 B
build/block-library/theme.css 729 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/components/style-rtl.css 15.8 kB 0 B
build/components/style.css 15.8 kB 0 B
build/core-data/index.js 11.4 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.44 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.19 kB 0 B
build/edit-navigation/style-rtl.css 1.02 kB 0 B
build/edit-navigation/style.css 1.02 kB 0 B
build/edit-post/style-rtl.css 5.57 kB 0 B
build/edit-post/style.css 5.57 kB 0 B
build/edit-site/style-rtl.css 3.03 kB 0 B
build/edit-site/style.css 3.03 kB 0 B
build/edit-widgets/style-rtl.css 2.45 kB 0 B
build/edit-widgets/style.css 2.45 kB 0 B
build/editor/editor-styles-rtl.css 537 B 0 B
build/editor/editor-styles.css 539 B 0 B
build/editor/style-rtl.css 3.78 kB 0 B
build/editor/style.css 3.77 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.73 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 2.13 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 710 B 0 B
build/keyboard-shortcuts/index.js 2.52 kB 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 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/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.41 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.56 kB 0 B
build/priority-queue/index.js 788 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/shortcode/index.js 1.69 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@ellatrix ellatrix force-pushed the fix/popover-position-scroll branch 3 times, most recently from 317543f to 8006b36 Jul 5, 2020
@ellatrix ellatrix force-pushed the fix/popover-position-scroll branch 2 times, most recently from 501a97d to 96c0434 Jul 6, 2020
@ellatrix ellatrix merged commit 6e171fb into master Jul 6, 2020
26 checks passed
26 checks passed
Check Check
Details
Check Check
Details
build
Details
build
Details
Admin - 1
Details
Admin - 1
Details
pull-request-automation
Details
pull-request-automation
Details
test (gutenberg-editor-gallery)
Details
test (gutenberg-editor-gallery)
Details
test (gutenberg-editor-gallery)
Details
test (gutenberg-editor-gallery)
Details
All
Details
All
Details
JavaScript
Details
JavaScript
Details
Admin - 2
Details
Admin - 2
Details
PHP
Details
PHP
Details
Admin - 3
Details
Admin - 3
Details
Mobile
Details
Mobile
Details
Admin - 4
Details
Admin - 4
Details
@ellatrix ellatrix deleted the fix/popover-position-scroll branch Jul 6, 2020
@github-actions github-actions bot added this to the Gutenberg 8.5 milestone Jul 6, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked issues

Successfully merging this pull request may close these issues.

None yet

1 participant
You can’t perform that action at this time.