WIP: Checkout V2: Some issues in Order notes field (Textarea)

Bugs
1

Browser: Chrome 150.0.7871.187
OS: Windows

Hi,

1- Unlike other textarea fields in Bricks, which resize vertically, the Order notes field can also be resized horizontally, which can be problematic, as seen in the video below.

2- There is a bit of empty space at the bottom of the textarea that is not controllable.

Order note
Order note1262Ă—489 95.9 KB

3

Hi @HOSEIN ,

I can’t replicate this issue by using our predefined structure. Maybe you have some CSS defined on that page causing this issue?

Please can you provide the actual URL so we can check.

Regards,
Jenn

4

Hi jenn,

Please can you provide the actual URL so we can check.

Yes, definitely. Link

6

Hi @HOSEIN ,

Thanks for the link, got it. The resize:vertical is missing for the textarea when you are not enable the “Floating Label” style.

You can manually add this for the order field

%root% textarea {
 resize:vertical;
}

Alternatively, if you want to allow visitor to resize freely, you need to change the Checkout wrapper to display as flex instead of grid.

We will add the missing resize:vertical; style.

Regards,
Jenn

1 Like