search

eBay / skin

Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
https://ebay.github.io/skin/
MIT License
178 stars 67 forks source link

ebay-textbox: placeholder variant has issue with border radius #2386

Closed cgg12345 closed 1 month ago

cgg12345 commented 1 month ago

I verified there's no existing issue for this bug.

Current behavior

the background of the input box has right angle corners while the textbox has curved corners. During autofill, the corners of the background overlap with textbox border.

Expected behavior

No overlap on the corners

Screen Shot 2024-07-17 at 4 28 50 PM

Skin version

"@ebay/ebayui-core@^14": version "14.0.0" "@ebay/skin@^18": version "18.0.0"

Device/OS/Browser info

Latest chrome

Screen Shot 2024-07-17 at 4 28 20 PM

Steps to reproduce

  1. Go to https://opensource.ebay.com/ebayui-core/?path=/story/form-input-ebay-textbox--floating-label-autocomplete and
  2. select something to autofill the textbox

Relevant code block

No response

Additional context

https://ebay-eng.slack.com/archives/CK8AX1L49/p1721258395514349

ArtBlue commented 1 month ago

I can't reproduce this.

image

I did notice that the ebay ui storybook is not getting the options to update the component. For example, changing to input size doesn't make the textbox large. I had to manually add the modifier to try to reproduce this.