Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Checkout Country input is not wysiwyg styling in editor #3068

Closed
haszari opened this issue Aug 27, 2020 · 1 comment · Fixed by #3219
Closed

Checkout Country input is not wysiwyg styling in editor #3068

haszari opened this issue Aug 27, 2020 · 1 comment · Fixed by #3219
Assignees
Labels
block: checkout Issues related to the checkout block. focus: global styles Issues that involve styles/css/layout structure. type: bug The issue/PR concerns a confirmed bug.

Comments

@haszari
Copy link
Member

haszari commented Aug 27, 2020

Describe the bug

The Country input control looks a bit different in the editor.

Screen Shot 2020-08-28 at 9 11 03 AM

  • Square corners.
  • Semi-transparent background.
  • Height bug (too short).

Compare with front end:

Screen Shot 2020-08-28 at 9 31 26 AM

I'm assuming this is a regression that snuck in.

To reproduce

Steps to reproduce the behavior:

  1. Edit a page with checkout block.
  2. Scroll down to country input.

Expected behavior

Consistent appearance in editor and front end.

@haszari haszari added the type: bug The issue/PR concerns a confirmed bug. label Aug 27, 2020
@haszari haszari added the block: checkout Issues related to the checkout block. label Aug 27, 2020
@nerrad nerrad added the focus: global styles Issues that involve styles/css/layout structure. label Aug 31, 2020
@Aljullu Aljullu self-assigned this Sep 28, 2020
@Aljullu
Copy link
Contributor

Aljullu commented Sep 30, 2020

  • Square corners.
  • Height bug (too short).

This seems to happen because editor CSS is leaking into the block. It could be fixed ensuring our CSS is loaded after wp-edit-post-css (see #3219).

  • Semi-transparent background.

This seems to be another instance of #2487, so I think it makes sense investigating it in parallel with other inputs/buttons.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block: checkout Issues related to the checkout block. focus: global styles Issues that involve styles/css/layout structure. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants