Issue with Text Highlighting in TreeView

I've noticed that on many syncfusion components highlighting text is not possible. Furthermore, in browsing the few threads that vaguely mention this, the only rationale is that it could impede the functionality of a component. How can I enable this behavior? When I attempt to target the component with CSS and set "user-select: text !important" I still do not get the desired behavior. 


1 Reply

JA Jafar Ali Shahulhameed Syncfusion Team April 3, 2024 09:05 AM UTC

Hi Benjamin,


Based on the shared details we can understand that you are trying to utilize Syncfusion TreeView component. We would like to inform you that we have the highlighting functionality by default, in the TreeView component when the node is clicked the node gets highlighted based on the theme used.


We have several themes such as Fluent, Bootstrap v5, Bootstrap v4, Material, Material3, Tailwind, Fabric. Selected area gets highlighted according to the theme we have used in our application. If you are trying to override the Syncfusion theme styles with your custom styles we suggest you make use of the theme studio. For further references refer the below documentation.


Theme studio: https://ej2.syncfusion.com/javascript/documentation/appearance/theme-studio


However, we have prepared the sample with bootstrap theme, the selection will be highlighted based on the color code given to the corresponding theme. We have attached the sample for your reference,


Samplehttps://stackblitz.com/edit/xwgywc-7uhowh?file=index.html


Regards,

Jafar


Loader.
Up arrow icon