Is there a CSS property to detect selection overflow?

Question

When you select text in textarea, a visible overlay of the selection is contained in textarea, for example:

When you select text on "regular" elements as simple div, you get the following:

A visible selection overflows the element. Is there a CSS property or any other way to keep the visible element visible in the HTML element?

Answer 1

You can add

overflow:hidden;

in the div.

Demo .