nextcloud / nextcloud/calendar
"Description" creates overly wide page when scheduling appointment
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.2k
- Forks
- 332
- Avg merge
- 16h 13m
- Merged PRs (30d)
- 137
Description
Steps to reproduce
- create an appointment schedule with a description containing a few sentences.
- visit the appointment schedule page in another browser or private browser tab, using your desktop device
- see that the description stretches to the end of the page and pushers the rest of the UI to the left
- after selecting a time slot, see that the UI looks good but there is an issue with the text field description which is cut off with
... - once the meeting is scheduled, notice in your email and calendar that the description is a permanent part of the event (so it's not suitable for instructions)
Expected behavior
The UI when selecting a slot should be responsive and centered, whether or not there is a description. It should match the look of the page shown after selecting a time slot.
Actual behavior
Here are some screenshots to illustrate what I mean:
UI shown when selecting a time slot when there is no (or very short) description. Note the UI is correct and looks good, and matches the UI shown after selecting a time slot:
UI shown when selecting a time slot when there is a description. Note the text does not wrap correctly.
UI shown after selecting a time slot. Note the UI is better, but the instructions are cut off with ...
Calendar app version
6.5.0
CalDAV-clients used
No response
Browser
Firefox and Chrome
Client operating system
OSX
Server operating system
Ubuntu
Web server
Nginx
Database engine version
None
PHP engine version
None
Nextcloud version
No response
Updated from an older installed version or fresh install
Updated from an older version
List of activated apps
Nextcloud configuration
Web server error log
Log file
Browser log
Additional info
No response
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
Reproduce the appointment-scheduling page in Firefox or Chrome with a multi-sentence description, comparing the layout before and after selecting a time slot. Trace the appointment scheduling UI entry point and its description rendering, then verify that long descriptions wrap without widening the page and remain appropriately visible after scheduling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100