Calendar component grid doesn't adapt to height/width of component container
Nobody has claimed this yet.
- Dominant language
- Java
- Stars
- 1.8k
- Forks
- 717
- Avg merge
- 2d 6h
- Merged PRs (30d)
- 3
Description
Originally by heintz
We're using the calendar component and having problem with the component not fitting correctly to the component container (layout) it is added to. This behaviour mostly occurs in "week" mode (showing 7 days). I'll try to attach a few example screenshots. When clicking on "next week" the layout function is triggered and it's fits correctly.
The calendar component's size is set using .setSizeFull() is added to a CssLayout with size full (width: 100%. height: 100% using the java api, not css).
The calendar in general is a bit messy to work with and it doesn't feel lika solid component like most others and is mostly useless when using a touch device.
Imported from https://dev.vaadin.com/ issue #19926
Contributor guide
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 calendar component in week mode inside a full-size CssLayout, using setSizeFull(), and compare its grid with the container dimensions before and after clicking “next week.” No source file or test is named in the issue; done means the calendar grid fits the component container without requiring that interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- java
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100