getBoundingClientRect on Xbox

Sunday, February 19, 2023

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.

JavaScriptXboxDevelopment

This work is licensed under CC BY-NC-SA 4.0

Reading RSS Feeds