Skip to content

InnerBlocks: move wrapper classes to BlockList#19849

Closed
ellatrix wants to merge 355 commits intomasterfrom
remove/inner-block-wrapper-props
Closed

InnerBlocks: move wrapper classes to BlockList#19849
ellatrix wants to merge 355 commits intomasterfrom
remove/inner-block-wrapper-props

Conversation

@ellatrix
Copy link
Copy Markdown
Member

@ellatrix ellatrix commented Jan 23, 2020

Description

This PR moves the class is-overlay currently added to inner blocks wrapper to the block list wrapper. This will make it easier to allow a block to have its own inner blocks wrapper as all necessary props are already on the same wrapper.

It's unfortunate that this wrapper div was added in the past as it seems unnecessary. Quite a few blocks now have selectors for it, so it avoid breakage, it's better to make removing opt-in together with the block list wrapper.

The is-capturing-toolbar is currently not used by anything.

The columns blocks renders a bit strange for small screens, but that's the case in master as well.

How has this been tested?

Test the click overlays for nested blocks.

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] Code Quality Issues or PRs that relate to code quality label Jan 23, 2020
@ellatrix ellatrix marked this pull request as ready for review January 23, 2020 19:48
@ellatrix ellatrix requested a review from jasmussen January 23, 2020 19:49
@ZebulanStanphill
Copy link
Copy Markdown
Member

The columns blocks renders a bit strange for small screens, but that's the case in master as well.

Are you referring to #18416?

@jasmussen
Copy link
Copy Markdown
Contributor

The is-capturing-toolbar is currently not used by anything.

This is likely a feature that is there to enable some blocks where the parent toolbar absorbs the child block toolbar, which makes sense for child blocks that can be rotated, and other situations. It was created in part for 3rd party blocks, so I'd be careful in removing it. CC: @getdave — is this correct? Should we add a note in the code so it's not refactored away?

gziolo and others added 18 commits February 4, 2020 16:59
New rules were introduced for Prettier validation.
* block-editor: add getBLockParentsByBlockName()

* docs: generate selectors doc

* navigation: get the proper parent block
* Framework: Add URL polyfill

* URL: Conform to URL Living Standard definition of valid URL

* Block Editor: Remove redundant checks for `isMailto`, `isTel`

These are now considered valid by `isURL` and are not necessary to evaluate separately.

* Compat: Register URL polyfill only if not registered

* Compat: Add "Remove by" message for URL polyfill

* Compat: Add upstream patch ticket reference for URL polyfill
…ask names. (#20034)

* Project Management Automation: Log skipped tasks and retain wrapped task names.

* Project Management Automation: Set function name properly.
This change updates the margins of the notice UI added to block
placeholders using the `withNotices` mixin. The update was necessary
after #18745 which made the content of block placeholders left-aligned.
* Upgrade react native to 0.62.0-rc.1

* Fix focus on plain text for RN

It looks there was a type and we were checking the incorrect props.

* Revert change on package.json

Co-authored-by: Marko Savic <savicmarko1985@gmail.com>
To allow disabling the block popover (which includes the block toolbar and inserter).
#20058)

* Project Management Automation: Support adding milestones for fork PRs.

* Github: Remove unused workflow event.

* Update packages/project-management-automation/lib/add-milestone.js

Co-Authored-By: Andrew Duthie <andrew@andrewduthie.com>

* Project Management Automation: Update tests.

* Project Management Automation: Remove `ifNotFork` from milestone handler.

Co-authored-by: Andrew Duthie <andrew@andrewduthie.com>
@github-actions
Copy link
Copy Markdown

Size Change: +36 kB (4%)

Total Size: 866 kB

Filename Size Change
build/annotations/index.js 3.43 kB +59 B (1%)
build/api-fetch/index.js 3.39 kB +204 B (6%) 🔍
build/autop/index.js 2.58 kB +23 B (0%)
build/block-directory/index.js 6.02 kB +1.06 kB (17%) ⚠️
build/block-directory/style-rtl.css 760 B -23 B (3%)
build/block-directory/style.css 760 B -24 B (3%)
build/block-editor/index.js 104 kB +5.78 kB (5%) 🔍
build/block-editor/style-rtl.css 10.5 kB +1.26 kB (12%) ⚠️
build/block-editor/style.css 10.5 kB +1.27 kB (12%) ⚠️
build/block-library/editor-rtl.css 7.66 kB -24 B (0%)
build/block-library/editor.css 7.66 kB -19 B (0%)
build/block-library/index.js 116 kB +9.4 kB (8%) 🔍
build/block-library/style-rtl.css 7.49 kB +190 B (2%)
build/block-library/style.css 7.5 kB +194 B (2%)
build/block-library/theme-rtl.css 669 B +33 B (4%)
build/block-library/theme.css 671 B +32 B (4%)
build/block-serialization-default-parser/index.js 1.65 kB +30 B (1%)
build/block-serialization-spec-parser/index.js 3.1 kB -46 B (1%)
build/blocks/index.js 57.6 kB +761 B (1%)
build/components/index.js 191 kB +7.78 kB (4%)
build/components/style-rtl.css 15.5 kB -550 B (3%)
build/components/style.css 15.5 kB -551 B (3%)
build/compose/index.js 5.76 kB +261 B (4%)
build/core-data/index.js 10.5 kB +232 B (2%)
build/data-controls/index.js 1.03 kB -3 B (0%)
build/data/index.js 8.22 kB +167 B (2%)
build/date/index.js 5.37 kB -3 B (0%)
build/edit-post/index.js 90.9 kB +1.78 kB (1%)
build/edit-post/style-rtl.css 8.59 kB -79 B (0%)
build/edit-post/style.css 8.58 kB -72 B (0%)
build/edit-site/index.js 4.63 kB +1.99 kB (43%) 🚨
build/edit-site/style-rtl.css 2.51 kB -108 B (4%)
build/edit-site/style.css 2.51 kB -108 B (4%)
build/edit-widgets/index.js 4.42 kB +126 B (2%)
build/edit-widgets/style-rtl.css 2.59 kB -208 B (8%)
build/edit-widgets/style.css 2.58 kB -207 B (8%)
build/editor/editor-styles-rtl.css 325 B -2 B (0%)
build/editor/editor-styles.css 327 B -1 B
build/editor/index.js 44.6 kB +1.3 kB (2%)
build/editor/style-rtl.css 4.01 kB -108 B (2%)
build/editor/style.css 4 kB -104 B (2%)
build/element/index.js 4.45 kB +91 B (2%)
build/escape-html/index.js 733 B -1 B
build/format-library/index.js 7.6 kB +2.38 kB (31%) 🚨
build/format-library/style-rtl.css 502 B +203 B (40%) 🚨
build/format-library/style.css 502 B +202 B (40%) 🚨
build/hooks/index.js 1.92 kB -2 B (0%)
build/i18n/index.js 3.48 kB +85 B (2%)
build/is-shallow-equal/index.js 710 B +1 B
build/keyboard-shortcuts/index.js 2.3 kB +287 B (12%) ⚠️
build/keycodes/index.js 1.68 kB +6 B (0%)
build/list-reusable-blocks/index.js 2.99 kB -28 B (0%)
build/list-reusable-blocks/style-rtl.css 226 B +11 B (4%)
build/list-reusable-blocks/style.css 226 B +10 B (4%)
build/media-utils/index.js 4.85 kB +277 B (5%) 🔍
build/notices/index.js 1.57 kB -216 B (13%) 👏
build/nux/index.js 3.02 kB +214 B (7%) 🔍
build/plugins/index.js 2.54 kB +331 B (13%) ⚠️
build/primitives/index.js 1.49 kB +105 B (7%) 🔍
build/priority-queue/index.js 780 B -126 B (16%) 👏
build/redux-routine/index.js 2.84 kB +8 B (0%)
build/rich-text/index.js 14.3 kB +366 B (2%)
build/server-side-render/index.js 2.54 kB +43 B (1%)
build/token-list/index.js 1.27 kB +1 B
build/url/index.js 4 kB +11 B (0%)
build/viewport/index.js 1.61 kB +26 B (1%)
build/warning/index.js 1.14 kB +1 B
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.01 kB 0 B
build/blob/index.js 620 B 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 568 B 0 B
build/dom/index.js 3.06 kB 0 B
build/html-entities/index.js 622 B 0 B
build/nux/style-rtl.css 616 B 0 B
build/nux/style.css 613 B 0 B
build/shortcode/index.js 1.7 kB 0 B
build/wordcount/index.js 1.18 kB 0 B

compressed-size-action

@youknowriad
Copy link
Copy Markdown
Contributor

Seems like something is off in this PR? (see commits)

ellatrix added a commit that referenced this pull request Feb 28, 2020
@ellatrix
Copy link
Copy Markdown
Member Author

Yeah, I think a bad rebase. I added it to #19910.

@ellatrix ellatrix closed this Feb 28, 2020
@ellatrix ellatrix deleted the remove/inner-block-wrapper-props branch February 28, 2020 10:44
ellatrix added a commit that referenced this pull request Mar 2, 2020
ellatrix added a commit that referenced this pull request Mar 2, 2020
* Lighter InnerBlocks: allow blocks to render own wrappers

* Remove getEditWrapperProps

* Fix width

* Pass all props to block list

* Restore max-width rule

* Properly forward refs

* Incorporate #19849

* Fix alignment styles

* Fix writing flow

* Nest props that are passed to block component

* Merge class names

* Fix horizontal margins
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

Projects

None yet

Development

Successfully merging this pull request may close these issues.