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.

@ellatrix ellatrix added the [Type] Bug An existing feature does not function as intended label Jul 4, 2020
@@ -396,8 +391,7 @@ const Popover = ( {
setAnimateOrigin( animateXAxis + ' ' + animateYAxis );
};

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

@ellatrix ellatrix Jul 4, 2020

Choose a reason for hiding this comment

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

Height is now continuously calculated since #23159.

@github-actions
Copy link

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 Compare July 5, 2020 18:21
@ellatrix ellatrix force-pushed the fix/popover-position-scroll branch 2 times, most recently from 501a97d to 96c0434 Compare July 6, 2020 10:55
@ellatrix ellatrix merged commit 6e171fb into master Jul 6, 2020
@ellatrix ellatrix deleted the fix/popover-position-scroll branch July 6, 2020 11:45
@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
Labels
[Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant