Advantages relative to getBoundingClientRect?

[malcolmredheron]

This project sounds great but I can't tell why this is better than window.getSelection().getRangeAt(0).getBoundingClientRect()? Are there cases where that fails but this library works?

If so, I think that it would be great to cover this in the readme.

[tnhu]

@malcolmredheron How do you use window.getSelection().getRangeAt(0).getBoundingClientRect()? I could never get it to work. It always gives me { bottom: 0, height: 0, left: 0, right:0, top: 0, width: 0, x: 0, y: 0 }

.getBoundingClientRect() doesn't appear to work for a selection inside a textarea unless I'm mistaken. I see the same behaviour as @tnhu when trying to swap out getCaretCoordinates(el, el.selectionStart) for window.getSelection().getRangeAt(0).getBoundingClientRect()

It does seem to work for selections in normal divs etc.

https://stackoverflow.com/questions/46516425/why-range-getboundingclientrect-returns-0-for-range-inside-textarea

Seems like if you were using a contentEditiable div instead, it would work.

[malcolmredheron]

Ah, ok. I'm using a contenteditable and didn't realize that my approach was specific to that.