search

thomaspark / bootswatch

Themes for Bootstrap
https://bootswatch.com
MIT License
14.53k stars 3.67k forks source link

form-check in bs dropdown doesnt show check icon (materia theme) #797

Closed mredl closed 6 years ago

mredl commented 6 years ago

If you put some checkboxes (form-check) within a bs dropdown, it doesnt show the check icons image

thomaspark commented 6 years ago

@mredl, thanks for the bug report. Can you post a code sample on JSFiddle or JSBin?

mredl commented 6 years ago

i have created an jsfiddle https://jsfiddle.net/1685svjx/20/

the issue is in combination with card columns. if you remove the class "card-columns" from outside div it works

thomaspark commented 6 years ago

Thanks for the fiddle. It might be a Chrome rendering bug interacting between column-count greater than 1 and :after pseudo elements. It seems to render ok in Firefox and Safari. Can you check those browsers? It also seems ok in Chrome when the column-count of .card-columns is set to 1.

mredl commented 6 years ago

Yes it looks like a browser bug, but the styling looks different in IE. image There is no black background. I have overriden the fiddle and changed the column count to 1, but it has not changed anything. here is the fiddle: https://jsfiddle.net/1685svjx/27/

thomaspark commented 6 years ago

Thanks, your new fiddle is working for me in Chrome. In IE and some other browsers, it may not be possible to have the stylized checkboxes, so they have the default checkbox as fallback.

Looks like things are working as intended aside from the Chrome bug, and since that can't be fixed within Bootswatch, I'll close this issue.