Validation feedback icon issues

[ysds]

I noticed that there are three issues about validation icon.

First issue:
The icon hides behind scrollbar when a textarea has very long text.

Second issue:
<select class="form-control"> show icon.

In the docs:

Background icons for <select>s are only available with .custom-select, and not .form-control.

and @mdo commented:

Only applies to textual inputs and textareas with .form-control and selects with .custom-select

but icon is appeared. That is expected?

Third issue:
<select class="custom-select" multiple> doesn't show icon.

All demo

[MartijnCuppens]

I'm afraid this would be something we can't just fix with CSS.

[mdo]

Custom select without multiple attribute could maybe be fixed. Scrollbar on the <textarea> is tougher, too. And a multiple <select> is probably out too because it'd be hidden with a selected <option>'s background I think?

[ysds]

It is easy to remove the feedback icon of both <textarea> and multiple <select>. My only concern is consistency.

[mdo]

Yeah, I think the best bet here is to remove them for now. We can possibly revisit with a fresh approach in v5. Let me know if you have any thoughts on that @ysds.

[MartijnCuppens]

I wouldn't remove it for <textarea> and <select> because this isn't an issue for MacOS.

[mdo]

Do we change the positioning then, or try some CSS hacks to target Windows?

[MartijnCuppens]

Shifting the icon a bit to the left looks weird if the scrollbar is not present. I wouldn't go for CSS hacks for windows, since it is also possible to always show your scrollbar in mac (see for example: http://osxdaily.com/2011/08/03/show-scroll-bars-mac-os-x-lion/). Not sure how to continue with this one.

[pcodedviral]

just use given js in wich you need make diffrent background image for scrollble textarea

http://jsfiddle.net/qKNXH/

thanks.

[ysds]

I have no idea to solve this problem by CSS only while maintaining the current HTML structure. It would definitely requires a wrapper element.

[MartijnCuppens]

@pcodedviral, our css should work independent of js, so we can't use those techniques, thanks though.

Like @ysds mentioned, I don't think there's a way to get control of this with our current HTML structure.

[mdo]

Thinking we close this as a won't/can't fi?. The select issue has been fixed in v5 with #28450 and there's still some improvement to be done there.

[MartijnCuppens]

This is a can't fix indeed

[Ragavendhran-N]

Can't we just modify the background-position style to comfortable values.