Paywall is cutting the bottom of it

[benjaminSilva]

• I have updated Purchases SDK to the latest version
• I have read the Contribution Guidelines
• I have searched the Community
• I have read docs.revenuecat.com
• I have searched for existing Github issues

Describe the bug
An image is better than words, but as you can see in the bottom

**

1. Environment
   1. Platform: Android
   2. SDK version: 8.10.7
   3. OS version: 15
   4. Android Studio version: Ladybug
   5. How widespread is the issue. Percentage of devices affected. 100%

Additional context
I do have a question, why not allow more freedom inside PaywallDialog? I should be able to adjust the size of it or change a few more things.

[RCGitBot]

👀 We've just linked this issue to our internal tracker and notified the team. Thank you for reporting, we're checking this out!

[benjaminSilva]

Just an extra, that happened only after updating making the app support SDK 35. (So I reverted it to 34)

[HaleyRevcat]

Hi, can you please open a support ticket here so we can view your paywall information? Additionally, can you share with us there your paywall code and the app user id that you accessed the paywall with?

[JayShortway]

Hi, thanks for raising this. I understand you're using PaywallDialog(). Does the same issue happen when using Paywall()? Also, if you could open a support ticket using the link in @HaleyRevcat's message, we can take a look at your paywall configuration. Thanks in advance!

[chH97]

Hi, I got exactly the same issue using Paywalls V2 and PaywallDialog composable on api level 35 using purchases 8.15.1. For me also the bottom of the paywall is cropped and not displayed entirely + the not so well looking grey background is visible behind the status bar.
I checked the same code and config on an api 34 device and works well there -> seems to be an android 15 issue.
Also note that displaying the same paywall using the Paywall composable does work well and without issues on both api levels.

[JayShortway]

Hi @chH97, thanks for sharing that info. It's very helpful to know that the issue is limited to PaywallDialog(). I can reproduce the issue on an Android 15 device with an app targeting Android SDK 35.

Since under the hood, a Dialog is drawn in a separate Window, we are dependent on the size given to that Window by Compose. It seems that Compose creates a Window that is too tall, resulting in the Dialog being drawn behind the navigation bar. Fortunately, this issue is fixed in androidx.compose.ui:ui version 1.8.0-rc02, which is included in androidx.compose:compose-bom-beta:2025.03.01. This is what it looks like:

Note that the system bar backgrounds are outside of the SDK's control, as they are outside the Window's bounds. If you want to display edge-to-edge paywalls, I recommend using the Paywall() composable instead.

Let us know if you have more questions!

[ashcode1997]

@JayShortway If the app targets SDK 35 then by default edge to edge display gets enabled . To fix this you'll have to add a default inset. Can I contribute in fixing this issue ?

[JayShortway]

@ashcode1997 Yes indeed. The problem here is that the underlying Dialog does not properly take that into account in older versions of androidx.compose.ui:ui. Fortunately it seems to be fixed in 1.8.0.

Always happy to see contributions, but could you roughly describe what you're planning to do? Just to be clear: we're already adding the insets, but these do not apply in a Dialog.

[ashcode1997]

@JayShortway approach was to use safeDrawingPadding() in the modifier of the dialog.
Btw other than issues is there any other way that I can contribute to ?

[JayShortway]

@ashcode1997 Interesting, maybe that works? I'd assume that the result would be the same as the screenshot here: #2026 (comment)?

Issues are indeed the main way to contribute. We have a bunch of repos, so there's a lot to choose from haha. Other things that are always super helpful are any kind of feedback and bug reports. Also maybe totally not what you're looking for but you're always free to apply 😄

[vegaro]

Reopening issue. It was closed due to a failing automation. Sorry about that.

[coderGtm]

The PaywallDialog applies a bottom padding to the dialog which is causing a blank gray area below the dialog. I don't know why it's needed but it was causing the issue. So I wrapped the Paywall in a Dialog with a couple of DialogProperties to fix it. Posting it here in case anyone stumbles upon the same issue.

Dialog(
        onDismissRequest = {
            // your onDismiss code...
        },
        properties = DialogProperties(
            usePlatformDefaultWidth = false,
            decorFitsSystemWindows = false
        )
    ) {
        Paywall(
            PaywallOptions.Builder(
                dismissRequest = { 
                    // added the dismiss code again here just in case...
                }
            )
                .setListener(
                    object : PaywallListener {
                        override fun onPurchaseCompleted(customerInfo: CustomerInfo, storeTransaction: StoreTransaction) {}
                        override fun onRestoreCompleted(customerInfo: CustomerInfo) {}
                        override fun onPurchaseError(error: PurchasesError) {}
                        override fun onRestoreError(error: PurchasesError) {}
                        override fun onPurchaseCancelled() {}
                    }
                )
                .build()
        )
    }

It worked perfectly to show a full screen paywall on my Android 16 device with targetSdk set to 35. Let me know if I am missing something.