Opened 17 months ago
Last modified 8 months ago
#58669 new defect (bug)
Twenty Twenty-Three: Search input border displays in editor but not on front side
Reported by: | upadalavipul | Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | minor | Version: | |
Component: | Bundled Theme | Keywords: | has-testing-info |
Focuses: | Cc: |
Description
I have reviewed Search block in different different themes and I found search input border does not display in frontend side for Twenty Twenty-Three.
Please check the below provided video recording for a better understanding.
Video Recording: https://share.cleanshot.com/Px5DpDrD3DLYKF1rYVd5
Attachments (1)
Change History (7)
#3
@
8 months ago
- Keywords close added
I am unable to also reproduce this, which leads me to wonder if we need more information or if this has been resolved with the passing of time. For now, I am going to recommend this ticket is closed by adding the keyword - if further steps can be added we can always adjust. Thank you everyone for the collaboration so far.
#4
@
8 months ago
- Keywords has-testing-info added; needs-testing-info reporter-feedback removed
- Summary changed from Twenty Twenty-Three: Search input border does not display on font side. to Twenty Twenty-Three: Search input border displays in editor but not on front side
The input field did not have a border in the iframe editor, same as the front end. However, when I activated the Custom Fields panel, the non-framed post editor showed the rounded input border from wp-admin/forms.css
. This seems related to the lowered specificity in GB41393, though not the same effect mentioned in #60164 (missing outer border on front end).
Steps:
- Add a new post.
- Ensure that the editor canvas is not inside an iframe. For one method: go to the (3-dot) Options menu in the upper (right) corner, choose Preferences, switch the Custom Fields toggle on, and click the "Show & Reload Page" button.
- Add a Search block, and choose the "Button inside" option from the block toolbar.
- Duplicate the Search block, if you would like, and customize the border for the second block. In the sidebar, switch to the Styles tab and find the Border section. Then set both the width and color of the border.
- Save the post and view it on the front end. Notice that the border(s) wrap the entire block, and the input field does not have its own border on the front end.
Adding a Search block with the "Button inside" setting within the non-framed post editor would be an edge case, and the extra border is a small discrepancy. If this is worth fixing, the report would belong in the Gutenberg repository.
Hi! Thank you for the report.
I am not able to reproduce this on WordPress version 6.3.1 (macOS, Chrome, with no plugins enabled).
Kindly add more details about how to reproduce the issue. Including which settings are enabled on the search block, and which version of WordPress, and which version of the theme you are using.
Please remember that not everyone who contributes to WordPress can see videos or images, so a text description is always needed.