Calendar header mis-aligns when parent has text-align:left
Nobody has claimed this yet.
- Dominant language
- Blade
- Stars
- 977
- Forks
- 112
- Avg merge
- 1d 4h
- Merged PRs (30d)
- 21
Description
### Flux version
2.15.1
### Livewire version
v4.3.5
### Tailwind version
4.3.3
### Browser and Operating System
Firefox on Linux
### What is the problem?
The calendar's header (with day letters) don't have an explicit alignment, compared to date numbers which do have them. When a parent element has an explicit alignment (e.g. `text-align: left`) it overrides the browser's default (`text-align: center` for `th`).
### Code snippets to replicate the problem
```
Foo
```
### Screenshots/ screen recordings of the problem
### How do you expect it to work?
It be nice if the calendar is contained unless I add css to override explicit parts of it.
Otherwise it would be good if the headers and the body of the calendar table behave the same, so setting a `text-align: left` aligns not only the day letters but also the date numbers.
### Please confirm (incomplete submissions will not be addressed)
- [x] I have provided easy and step-by-step instructions to reproduce the bug.
- [x] I have provided code samples as text and NOT images.
- [x] I understand my bug report will be closed if I haven't met the criteria above.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the Flux calendar inside the provided text-left wrapper in Firefox on Linux, then inspect how the calendar header and date cells align. Done means the day-letter headers and date numbers behave consistently when a parent sets text-align: left, without requiring component-specific override CSS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwind
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 72/100