Search block
-
https://wordpress.com/support/wordpress-editor/blocks/
Why is there no search block listed?
-
Additionally, it looks like the search block has been modified in 5.4.0, and has not been documented anywhere.
-
Hi there,
We don’t have support pages for every single block. As the search block doesn’t have any configurable settings, it’s not worth creating an entire support page just to mention that it exists :)
Details on how the Search feature itself works on WordPress.com sites can be found here:
https://wordpress.com/support/widgets/search-widget/#what-it-searches
Additionally, it looks like the search block has been modified in 5.4.0, and has not been documented anywhere.
What appears to have changed for you? And what site are you working on? The account you’re using to post here doesn’t own any sites on WordPress.com.
If there were modifications to the block, it was made by the team over on WordPress.org who makes the WordPress software and the block editor.
The field guide for 5.4 at https://make.wordpress.org/core/2020/03/03/wordpress-5-4-field-guide/ makes no mention of changes to the Search block. The most recent mention of changes to that block I can find is in the Gutenberg plugin release post for version 7.3 in https://make.wordpress.org/core/2020/01/22/whats-new-in-gutenberg-22-january/, but that version of the Gutenberg plugin has been active on all WordPress.com sites since it was released in January – all sites on WordPress.com are always using the latest stable version of Gutenberg, in addition to the most recent version of the Core WordPress software.
-
No – we won’t be revealing any customer sites to protect their privacy. I went ahead and created a staging site and updated from 5.3.2 to 5.4.0. Very very simple test.
5.3.2:
<form class=”wp-block-search” role=”search” method=”get” action=”https://redacted.com/”>
<label for=”wp-block-search__input-1″ class=”wp-block-search__label”>Search: </label>
<input type=”search” id=”wp-block-search__input-1″ class=”wp-block-search__input” name=”s” value=”” placeholder=”search” />
<button type=”submit” class=”wp-block-search__button”>Search</button>
</form>5.4.0:
<form class=”wp-block-search” role=”search” method=”get” action=”https://redacted.com/”>
<label for=”wp-block-search__input-1″ class=”wp-block-search__label”>Search: </label>
<input type=”search” id=”wp-block-search__input-1″ class=”wp-block-search__input” name=”s” value=”” placeholder=”search” required />
<button type=”submit” class=”wp-block-search__button”>Search</button>
</form>Note the addition of the required attribute to the input field.
CSS 5.3.2:
.wp-block-search .wp-block-search__input { flex-grow: 1; }CSS 5.4.0:
.wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; }Note the addition of the max-width:360px width attribute
This is in a FULL WIDTH content block – much wider than 360px. This results in the search bar being displayed at basically 50% width, ruining styling.
There’s no reason at all that max-width should have been added.
As you’ve pointed out, this change was added WITHOUT NOTIFYING THE PUBLIC, was applied retroactively and is causing stress to WordPress users, tarnishing WordPress’ reputation.
-
It sounds like you’re using the open source version of WordPress made by the community on WordPress.org.
The forum you’re posting in now is for the hosting provider, WordPress.com, which is not the same thing, and WordPress software updates on WordPress.com happen automatically, so if you did this manually the sites you refer to are not hosted with us.
For questions about or feedback on the version of WordPress you’re using, you can post in https://wordpress.org/support/forums/ instead.
- The topic ‘Search block’ is closed to new replies.
WordPress.com Forums 