The options div is relative to the padding area (inside the border) of smoothly-input-select, so the position is off.
Here I've put big borders to demonstrate this.
Before Example
To compensate for this I use the left and right inset instead of translateX which just moves the div.
After Example
How ever this is still not perfect since at some scales the options div might be off by a pixel.
The really fix this we should put the border on an element inside Host (smoothly-input-select) instead of on the host.
This way both divs are be placed relative to the same parent.
But this was the quickest an easiest fix for now.
The Issue
The options div is relative to the padding area (inside the border) of smoothly-input-select, so the position is off. Here I've put big borders to demonstrate this.
Before Example
To compensate for this I use the
left
andright
inset instead oftranslateX
which just moves the div.After Example
How ever this is still not perfect since at some scales the options div might be off by a pixel. The really fix this we should put the border on an element inside Host (smoothly-input-select) instead of on the host. This way both divs are be placed relative to the same parent. But this was the quickest an easiest fix for now.