Ruffle object has no width and height properties available

[robinheidrich]

The <object> tag has width and height properties available (see here), but since <ruffle-object> is not a real object it does not. For compatibility reasons, it might be a good idea to do this (if possible).

For example, I use a JavaScript code to adapt the object to the screen size (to make it responsive to the website) using the width and height properties of the object.

If this is not planned, I would have to fallback to clientWidth and clientHeight 🙁.

document.querySelector("object").height
480

document.querySelector("ruffle-object").height
undefined

Tested in Chrome 117.

[danielhjacobs]

Worth noting document.querySelector("ruffle-embed, ruffle-object, ruffle-player").getAttribute("height") does work. But you're right that for compatibility with Flash this should probably be a thing.

[danielhjacobs]

Also worth noting, this applies to multiple properties listed on https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement and https://developer.mozilla.org/en-US/docs/Web/API/HTMLEmbedElement