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

Inserter: Update the search form placeholder text when changing tabs #24697

Merged
merged 2 commits into from
Aug 24, 2020

Conversation

apeatling
Copy link
Contributor

Description

When changing tabs between: "Blocks | Patterns | Reusable", the search form does not change its placeholder text. This means when looking at the Patterns or Reusable tabs, it still says "Search for a block".

This PR makes sure that the placeholder in the search input field changes depending on the tab you have selected.

How has this been tested?

Tested locally and all tests run and passed.

Screenshots

2020-08-20 11 52 44

Types of changes

Bug fix, non breaking change.

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.

…rch box can show the correct placeholder wording.
@apeatling apeatling added the [Feature] Inserter The main way to insert blocks using the + button in the editing interface label Aug 20, 2020
@apeatling apeatling self-assigned this Aug 20, 2020
@github-actions
Copy link

github-actions bot commented Aug 20, 2020

Size Change: +1.81 kB (0%)

Total Size: 1.16 MB

Filename Size Change
build/block-editor/index.js 126 kB +199 B (0%)
build/block-editor/style-rtl.css 10.7 kB -2 B (0%)
build/block-editor/style.css 10.7 kB +2 B (0%)
build/block-library/editor-rtl.css 8.5 kB +78 B (0%)
build/block-library/editor.css 8.5 kB +79 B (0%)
build/block-library/index.js 133 kB +401 B (0%)
build/blocks/index.js 47.7 kB +21 B (0%)
build/components/index.js 200 kB +3 B (0%)
build/components/style-rtl.css 15.7 kB -1 B
build/components/style.css 15.7 kB -1 B
build/core-data/index.js 12.3 kB +472 B (3%)
build/edit-navigation/index.js 11.5 kB +532 B (4%)
build/edit-navigation/style-rtl.css 1.16 kB +45 B (3%)
build/edit-navigation/style.css 1.16 kB +46 B (3%)
build/edit-post/index.js 304 kB -34 B (0%)
build/edit-site/index.js 17 kB -57 B (0%)
build/edit-widgets/index.js 11.8 kB +1 B
build/editor/index.js 45.3 kB +37 B (0%)
build/format-library/index.js 7.71 kB -10 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.67 kB 0 B
build/api-fetch/index.js 3.44 kB 0 B
build/autop/index.js 2.82 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 7.96 kB 0 B
build/block-directory/style-rtl.css 953 B 0 B
build/block-directory/style.css 952 B 0 B
build/block-library/style-rtl.css 7.42 kB 0 B
build/block-library/style.css 7.43 kB 0 B
build/block-library/theme-rtl.css 729 B 0 B
build/block-library/theme.css 730 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/compose/index.js 9.68 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.55 kB 0 B
build/date/index.js 5.38 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.47 kB 0 B
build/edit-post/style-rtl.css 5.61 kB 0 B
build/edit-post/style.css 5.61 kB 0 B
build/edit-site/style-rtl.css 3.06 kB 0 B
build/edit-site/style.css 3.06 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.8 kB 0 B
build/editor/style.css 3.79 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 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 621 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 711 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.11 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.33 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 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/primitives/index.js 1.41 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.9 kB 0 B
build/server-side-render/index.js 2.77 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.27 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

Copy link
Contributor

@shaunandrews shaunandrews left a comment

Choose a reason for hiding this comment

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

Does what it says.

@mtias
Copy link
Member

mtias commented Aug 21, 2020

This is because the search was meant to be global but it hasn't been fully implemented yet. It might be helpful to add this clue in the meantime. cc @youknowriad

@apeatling apeatling merged commit d20270f into master Aug 24, 2020
@apeatling apeatling deleted the update/inserter-search-placeholder branch August 24, 2020 16:38
@github-actions github-actions bot added this to the Gutenberg 8.9 milestone Aug 24, 2020
@afercia
Copy link
Contributor

afercia commented Aug 25, 2020

Seems to me this change made the "quick inserter" search input unlabelled (and with no placeholder text):

Screenshot 2020-08-25 at 14 26 53

  • there's a properly associated and visually hidden <label> element but it's now empty
  • the search input has no placeholder text

Seems to me the new function searchFormPlaceholder() works for the main inserted but now the placeholder prop for the quick inserter is not set any longer.

@apeatling can you please have a look, when you have a chance?

Aside: as mentioned in #24494 and in other previous conversations, it would be really great to have some kind of automated tests to make sure all form elements are properly labelled, see als #6098. /Cc @youknowriad

@apeatling
Copy link
Contributor Author

Will get this fixed this morning. 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants