The elements go out the window

[DeBosh185]

Describe the bug

Ruffle 20.04.25 self hosted. When playing animations on a mobile device in full-screen mode, the elements go beyond the window boundaries. There was no such problem in Ruffle 2023. Because of this, I still get to use the old version. Is there any way to fix this? Thanks

Expected behavior

Is there any way to fix this? Thanks

Content Location

I can't upload the content

Affected platform

Self-hosted version

Operating system

Android

Browser

Google chrome

Additional information

No response

[danielhjacobs]

This sounds possibly scale related, though without seeing the content it's impossible to know for sure. If the SWF's Stage.scaleMode or the embed's scale attribute is set to "noscale" or "noborder", cropping can occur when the content doesn't fit the content area (which may occur in full screen mode). This matches Flash Player behavior with those options, but we didn't used to have those options implemented.

I'd suggest trying the configuration options scale: "showAll" and forceScale: true and seeing if that helps: https://github.com/ruffle-rs/ruffle/wiki/Using-Ruffle#list-of-options

<script>
window.RufflePlayer = window.RufflePlayer || {};
window.RufflePlayer.config = {
    // Current options above this
    scale: "showAll",
    forceScale: true
}
</script>

[danielhjacobs]

If you don't have a link to the content and can't upload a zip file of the content itself or a zip file of a minimal reproducible example SWF I don't think I can help beyond that as I don't know what else can cause this issue.

[DeBosh185]

Hi, Daniel. Sorry I didn't answer right away.

Here is the link to the content: https://sexflashgame.org/officer-juggs-undercover-whoppers/ Warning! This is adult content. There is no preload, and a black screen is visible when loading.

There are no such problems with the assembly of the Ruffle from 09/14/2023.

Thank you for trying to help me.

[danielhjacobs]

With regard to the elements going outside the screen, I tested this and you can fix it by changing allowfullscreen to "true" for the embed.

This was "regressed" by https://github.com/ruffle-rs/ruffle/pull/14841, but it's not really a regression. If allowfullscreen is false, according to Adobe's own documentation, the Stage's displayState can not be changed, so I followed that logic. However, I opted not to remove the "Enter Fullscreen" button from the context menu. I haven't looked at the game's source code but it likely changes the display of the elements based on the displayState, which before that PR, contrary to Adobe's documentation, was changed when clicking the "Enter Fullscreen" option in the context menu even if allowfullscreen was false.

[danielhjacobs]

Quoting from the PR:

full-screening the content with the context menu always works, but only changes the displayState if allowFullScreen is true.

[DeBosh185]

Thank you. You've been very helpful. Thank you very much.