How to avoid big blinking cursor in the beginning and end of HTML table?

I have observed that when viewing HTML tables in Google Chrome, when we click in the beginning or end of the table (left-most or right-most), a big blinking cursor is shown next to it. How to avoid that? I have written a sample piece of HTML code that simulates this issue:

<html>
<head><title>test cursor</title></head>
<body>
<table> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr> <tr><td>col1</td><td>col2</td></tr>
</table>
</body>
</html>

enter image description here

The big line on the right side is actually the blinking cursor. I am using Chrome browser version 87.0.4280.88 (Official Build) (64-bit).

How to avoid this big blinking cursor? Thanks!

6

1 Answer

Solved: I found the issue. It has to do with the Accessibility features of Chrome. I tried this:

Settings->Accessibility->Navigate pages with a text cursor

It was enabled, and I disabled it and the issue got fixed.

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

You Might Also Like