Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
While using data-grid, I wanted to customize the filter function, so I read the documentation and found the igxFilterTemplate directive. I successfully implemented it by following the documentation steps, but I found that when I focused the mouse over the input element, The cursor position cannot be selected by moving the mouse; it can only be selected by the keyboard
igniteui-angular version: 13.2.24
browser: Chrome 125.0.6422.113
Steps to reproduce
1.Go to the official website for an example of using custom filtering here
Type any number of characters in the input field
When the cursor is at the end of the text, use the left mouse button to select any preceding character
Result
When clicking with the mouse, the cursor remains at the end of the text.
Expected result
The cursor should be placed at the desired position.
Description
While using data-grid, I wanted to customize the filter function, so I read the documentation and found the igxFilterTemplate directive. I successfully implemented it by following the documentation steps, but I found that when I focused the mouse over the input element, The cursor position cannot be selected by moving the mouse; it can only be selected by the keyboard
Steps to reproduce
1.Go to the official website for an example of using custom filtering here
Result
When clicking with the mouse, the cursor remains at the end of the text.
Expected result
The cursor should be placed at the desired position.
Attachments