android / android/compose-samples

[Bug]: JetLagged: Home screen: Selection indicator on "Day" tab is misaligned and truncated.

Open
#1,703 1 comment 0 reactions 1 assignee Claimed by @srikrishnasakunia View on GitHub
bug
Dominant language
Kotlin
Stars
23.5k
Forks
5.5k
Avg merge
3d 4h
Merged PRs (30d)
1

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Is there a StackOverflow question about this issue?

- [x] I have searched StackOverflow

### Is this an issue related to one of the samples?

- [x] Yes, this is a specific issue related to this samples repo.

### Sample app

Other (bug not related to sample app)

### What happened?

**Bug**: Selection indicator on "Day" tab is misaligned and truncated.

Issue Summary
The yellow highlight/selection box indicator intended for the "Day" tab view in the JetLagged app is incorrectly sized and misaligned, failing to enclose the entire word.

Steps to Reproduce
1. Open the JetLagged application.
2. Observe the tab selector options (Day, Week, Month, 6M, 1Y).
3. Notice the yellow selection outline on the "Day" text.

Actual Behavior
- The yellow selection box only covers the letter "a" in "Day" (partially clipping "D" and "y").

Expected Behavior
- The selection box should dynamically scale or comfortably encapsulate the entire label ("Day") with adequate padding, matching standard tab selection styling.

Image

### Relevant logcat output

```shell

```

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.