Merge pull request #2618 from switchifyapp/fix/tab-semantics-2617

Expose selected state for pill tabs

Author: enaboapps

app/src/main/java/com/enaboapps/switchify/components/PillTabRow.kt

@@ -9,7 +9,6 @@ import androidx.compose.animation.fadeOut
 import androidx.compose.animation.slideInVertically
 import androidx.compose.animation.togetherWith
 import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
@@ -22,6 +21,8 @@ import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.selection.selectable
+import androidx.compose.foundation.selection.selectableGroup
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
@@ -96,7 +97,11 @@ fun PillTabRow(
                     )
             )
 
-            Row(modifier = Modifier.fillMaxSize()) {
+            Row(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .selectableGroup()
+            ) {
                 tabs.forEachIndexed { index, tab ->
                     val selected = index == selectedIndex
                     val contentColor = when {
@@ -110,7 +115,8 @@ fun PillTabRow(
                             .fillMaxHeight()
                             .padding(IndicatorPadding)
                             .clip(IndicatorShape)
-                            .clickable(
+                            .selectable(
+                                selected = selected,
                                 enabled = enabled,
                                 role = Role.Tab,
                                 onClick = { onTabSelected(index) }