livewire / livewire/flux

Calendar header mis-aligns when parent has text-align:left

Open Beginner friendly
#2,723 0 comments 0 reactions 0 assignees View on GitHub

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

Image

### 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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.