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 https://github.com/Vuepic/vue-datepicker/issues/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
this is a fix for issue https://github.com/Vuepic/vue-datepicker/issues/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 https://github.com/Vuepic/vue-datepicker/issues/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
![Screenshot 2024-06-25 09 53 59 msedge cF9](https://github.com/Vuepic/vue-datepicker/assets/26244062/4bbbf109-1d74-4e05-a9b4-25c9cb3f64a3)