HI,
We have a page with webdatagrid loaded with more than 1000 rows.
When user searching data with in the grid/page using browser search option i.e. CTRL + F, it is showing no of occurrences in the Search box pop up, but cursor not moving to the particular row.
For ex: If Searching data which in 900th Row, cursor not moving to that particular line.
This is happening only in browsers like Chrome/Firefox, same working fine in IE.
Can any one please help me on this?
Thanks in advance.
Hello Arun,
Thank you for your detailed description.
After following the steps you described I was able to reproduce this issue - "WebDataGrid doesn't scroll to searched text in Chrome/Firefox using Ctrl + F" and I have asked our engineering staff to examine this further. To ensure that it will receive attention, I have logged this behavior in our internal tracking system with a Development ID of 255124. This will be assigned to a developer in a future sprint to review my investigation and confirm my findings or to offer a fix, or other resolution.
Please let me know if you need more information.
Nick,Thanks for your reply.
Nick,
Please let me know if is there any update.
Thanks
There is a private case with number CAS-197098-K3G8K0. I have just updated it and you will continue to receive a notification though the private case concerning issue 255124.
Please let me know if you have any questions.
Our development team has completed their review of development issue 255124 and found that this behavior is due to a feature of Chrome where chrome will only search what is in the visible viewport and doesn't scroll when something is found outside of it. It is the overflow:hidden style of the wrapping div (WebDataGrid rows container) that causes this behavior and is needed for the WebDataGrid's functionality. The same issue can be replicated with a div that has style overflow:hidden and text outside the viewport.
For example:
<!DOCTYPE html> <html> <head> <style> #myDiv { border-style: solid; width: 100px; overflow: hidden; white-space: nowrap; } </style> <title></title> </head> <body> <div id="myDiv"> This is a long sentence which demonstrates the functionality when searching inside a overflow: hidden div. Test. </div> </body> </html>
You can also find more information here :https://forums.opera.com/topic/13978/ctrl-f-when-using-overflow-hidden https://stackoverflow.com/questions/21093148/chrome-search-feature-ctrlf-finds-hidden-text-but-its-invisible https://bugs.webkit.org/show_bug.cgi?id=93709 https://bugs.chromium.org/p/chromium/issues/detail?id=13563
If you have further questions concerning this mater, please let us know.