[BottomSheetDialog] Rounded corners in expanded state

Description: BottomSheetDialog has rounded corers only if it’s not expanded. Corners are rounded as it’s specified in the ShapeAppearance during swipe or in collapsed state. Once BottomSheetDialog becomes expanded, rounded corners are animated to sharp corners.

Expected behavior: Rounded corners should not change in expanded state if expanded state is not full screen. It would be great to have ability to disable this behavior at least.

Source code:

<style name="ThemeOverlay.App.BottomSheetDialog"parent="ThemeOverlay.MaterialComponents.Dialog">
	<item name="android:windowIsFloating">false</item>
	<item name="android:windowBackground">@android:color/transparent</item>
	<item name="android:windowAnimationStyle">@style/Animation.MyTheme.BottomSheet.Modal</item>
	<item name="android:statusBarColor">@android:color/transparent</item>
	<item name="bottomSheetStyle">@style/Widget.App.BottomSheet.Modal</item>
	<item name="android:navigationBarColor">?colorSurface</item>
	<item name="android:navigationBarDividerColor" tools:ignore="NewApi">@android:color/transparent</item>
	<item name="android:windowLightStatusBar" tools:ignore="NewApi">false</item>
</style>

<style name="Widget.App.BottomSheet.Modal" parent="Widget.MaterialComponents.BottomSheet.Modal">
	<item name="shapeAppearanceOverlay">@style/ShapeAppearance.App.BottomSheet</item>
</style>

<style name="ShapeAppearance.App.BottomSheet" parent="ShapeAppearance.MaterialComponents.LargeComponent">
	<item name="cornerFamily">rounded</item>
	<item name="cornerSizeTopLeft">16dp</item>
	<item name="cornerSizeTopRight">16dp</item>
	<item name="cornerSizeBottomLeft">0dp</item>
	<item name="cornerSizeBottomRight">0dp</item>
</style>

Android API version: 29

Material Library version: 1.2.0-alpha06

Device: Pixel 3

[lsuski]

You can try this:

<style name="BottomSheetDialog" parent="@style/ThemeOverlay.MaterialComponents.BottomSheetDialog">
    <item name="bottomSheetStyle">@style/BottomSheet</item>
    <item name="android:colorBackground">@color/white</item>
</style>
<style name="BottomSheet" parent="Widget.MaterialComponents.BottomSheet.Modal">
    <item name="backgroundTint">@android:color/transparent</item>
</style>

in bottom sheet layout

android:background="@drawable/rounded_top_corners_background"

drawable/rounded_top_corners_background :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
   <corners
          android:topLeftRadius="24dp"
          android:topRightRadius="24dp" />
   <solid android:color="?android:attr/colorBackground" />
</shape>

in activity/application theme

<item name="bottomSheetDialogTheme">@style/BottomSheetDialog</item>

[thevoiceless]

@Fishfield Can you share a more complete example? I’ve tried setting shapeAppearance and shapeAppearanceOverlay and neither seems to apply when the sheet is expanded like you said.