I learned something interesting at work the other day. We use getBoundingClientRect
to find the position of a movie poster and then blow it up slightly. Well the blown up image is supposed to be on top of the existing movie poster, but on Xbox (and some Samsung TVs) this was not the case. The blown up image was in the top left corner. After a lot of investigation I found the issue was that we were expecting to have getBoundingClientRect.x
and getBoundingClientRect.y
but they were not on the object. It seems that Microsoft didn’t implement this in the old Edge browser that is in use on the Xbox. Instead I wrote a poly-fill to take the top and left coordinates that are there and created an x and y position that we were expecting to be there. Easy peasy. If you would like to see this poly-fill just let me know and I’ll recreate it.
getBoundingClientRect on Xbox
Sunday, February 19, 2023