fix: Arrow not positioned correctly when the field at the most right

[allusernamestakenexceptthis]

this is a fix for issue #920

the bug:

the popup arrow is not pointing to the center of the field, when the field is on the right most of the area and there is not enough screen width to center the popup. This issue seems solved only when it is on the left via issue #802.

the fix:

I added check for the right side. if there is not enough width, then position arrow to middle of input.

tests

done, no issue locally. but pull request showing one failed test.
npm run test:coverage and npm run test works fine locally

proof

and it works for other situations, left and default