nextcloud / nextcloud/calendar

"Description" creates overly wide page when scheduling appointment

Open
#8,549 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug design
Dominant language
JavaScript
Stars
1.2k
Forks
332
Avg merge
16h 13m
Merged PRs (30d)
137

Description

Steps to reproduce
  1. create an appointment schedule with a description containing a few sentences.
  2. visit the appointment schedule page in another browser or private browser tab, using your desktop device
  3. see that the description stretches to the end of the page and pushers the rest of the UI to the left
  4. 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 ...
  5. 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:
Image

UI shown when selecting a time slot when there is a description. Note the text does not wrap correctly.
Image

UI shown after selecting a time slot. Note the UI is better, but the instructions are cut off with ...
Image

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

Open the contributing guide

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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.