[Android][Liveness 1.6.0] UI misalignment on devices with edge-to-edge (status bar icons overlap with Close/Record buttons)

[khuwajahassan15]

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.

Which UI component?

Liveness

Gradle script dependencies

// Put output below this line
com.amplifyframework.ui:liveness:1.6.0

Environment information

# Put output below this line

Device: Pixel 7

Android: 15 (16KB page size)

Liveness SDK: 1.6.0

Integration: Jetpack Compose app

Please include any relevant guides or documentation you're referencing

No response

Describe the bug

📄 Bug Description

After upgrading to com.amplifyframework.ui:liveness:1.6.0 to test on Android 15 (Pixel 7, 16KB page size), the Liveness flow works correctly without crashes.
However, the UI layout is misaligned on edge-to-edge devices:

The Close (X) icon and Record indicator appear underneath the status bar icons.

This results in overlapping / cut-off UI elements at the top of the screen.

The issue seems related to missing handling of WindowInsets / edge-to-edge layout adjustments.

Reproduction steps (if applicable)

✅ Steps to Reproduce

Integrate com.amplifyframework.ui:liveness:1.6.0 into an app.

Run on Pixel 7 / Android 15 with full screen gestures + edge-to-edge enabled.

Launch Face Liveness flow.

Observe the top bar icons (Close, Record).

Code Snippet

// Put your code below this line.

Log output

// Put your logs below this line

Configuration File

No response

Additional information and screenshots

[tylerjroach]

@khuwajahassan15 FaceLivenessDetector is nothing more than any other Jetpack Compose view. It is your responsibility to set proper margins/paddings. The FaceLivenessDetector will expand to fill the size of the area you give it.

[khuwajahassan15]

@tylerjroach
@composable
fun FaceLivenessDetector(
sessionId: String,
region: String,
credentialsProvider: AWSCredentialsProvider? = null,
disableStartView: Boolean = false,
onComplete: Action,
onError: Consumer,
challengeOptions: ChallengeOptions = ChallengeOptions(),
)

as you see facelive detector did not have any modifier

[tylerjroach]

Please wrap the FaceLivenessDetector in Box, Row, Column, or any other container that fits your use case.

Box(modifier = ...) {
  FaceLivenessDetector(...)
}

[khuwajahassan15]

@tylerjroach thanks working perfect

[github-actions]

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.