When Adding className React-Dropdown-tree-select css has been changed

[Poojatilekar]

hello,
Please find attached screenshot when adding className="fas fa-folder".

but when Selection on checkbox the css has been changed for more reference find out attached screenshot.

[mrchief]

I'd suggest to take a look at https://dowjones.github.io/react-dropdown-tree-select/#/story/with-bootstrap-styles that uses FontAwesome to render icons on the nodes.

When you use external libs like fontawesome, you need to understand how they are modifying the CSS and then you'd need to supply your own styles to compensate for any odd behaviors. That and then I'd also look at your own CSS to see what causes the inline behavior. The default styles are very basic so that you can easily target/override them without much !important hacks.

[Poojatilekar]

I have checked Code but fontAwesome is not present. Can you explain me in detail. And also let me know which css property need to modify.

[mrchief]

FA is added via "External Resources". Setting this enables FA

font: normal normal normal 12px/1 FontAwesome;

and then you pick the corresponding glyph by saying content: "\f067"; in your css classes