Input groups with icons

[oliverjrose99]

When using the icons (has-icon- left and right) with the input group, the icon divs arn't styled or sized correctly like the inputs are. There is also an issue with the icons disappearing when the input is clicked. Below is an image and paste bin of the code becuase codepen wasn't displaying it correctly.

IMAGE
CODE

[ajm113]

I know this issue is old. Seems like for whatever reason a z-index is applied on this line on :focus.

https://github.com/picturepan2/spectre/blob/master/src/_forms.scss#L407

Someone explain context why this was needed? -- I assume proper positioning of elements, z-index wouldn't be needed, but I'm new to this framework. @picturepan2, care to explain since you committed this?

@oliverjrose99, for now a temp fix would simply be adding .form-icon to that group input class with a new z-index.

Thanks