IssueTracker

Jetpack Compose M3 version: 1.2.0-beta02

Jetpack Compose component used: PrimaryTabRow

Android Studio Build: 8.3.0-beta02

Kotlin version: 1.9.22

Steps to Reproduce or Code Sample to Reproduce:

1. Create a "Basic Views Activity"
2. Add Compose Support to project
3. Add ComposeView to Fragment
4. Add PrimaryTabRow to ComposeView implementation

Result:

Tab indicators overlap the tab text (see attached "broken_tabs.png")

Sample Project

I created a sample project (see attached PrimaryTabRowIssue.zip) that reproduces this issue (following the steps above). I added the ComposeView to the first_fragment.xml file.

Notes

• This issue is new with androidx.compose.material3:material3:1.2.0-beta01 and 1.2.0-beta02 (this was not an issue with androidx.compose.material3:material3:1.2.0-alpha12) (see attached "working-tabs.png" running with 1.2.0-alpha12)
• We don't see this issue if using PrimaryTabRow in a full screen Compose UI (we have an app that is a mix of Compose and Xml View System... we only see this issue if we show PrimaryTabRow in a ComposeView)
• While using 1.2.0-beta02... if we change the PrimaryTabRow to a TabRow.... the TabRow renders just fine (no issues... this seems to be isolated to PrimaryTabRow)