nextcloud / nextcloud/calendar

Embedding Code does not work with small height

Open
#2,929 3 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. to triage bug Feature: Public sharing
Dominant language
JavaScript
Stars
1.2k
Forks
332
Avg merge
16h 13m
Merged PRs (30d)
137

Description

Steps to reproduce
  1. Get a new account from https://try.nextcloud.com/ / or selfhosted
  2. Add an event to your personal calendar (important, without events it works)
  3. Share your personal calendar and copy the embedding code
  4. Paste Code into HTML Document or on jsfiddle.com etc.
  5. Open File in browser (may not work in Chrome? / jsfiddle
Expected behaviour

We should be able to change views, change months etc.

Actual behaviour

Nothing happens. Well you see a change in UI Elements, but the calendar view does not change.

When setting the height of the iframe to something like 450px it works, but only if you added only one or two event on different days. If you add more events (like 4-6) it breaks again until you increase the height of the iframe.

Calendar app

Calendar app version: 2.1.3

Client configuration

Browser: Firefox 85 / Chrome 88

Operating system: Ubuntu / Arch Linux

Server configuration

Operating system: Debian
Web server: Nginx
Database: MariaDB
PHP version: 7.4

Nextcloud Version: 20.08

(or see try.nextcloud.com)

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

Start by reproducing the embedded personal calendar with a small iframe height, first with one or two events and then with four to six, using the provided browsers or jsfiddle.com. Done means changing views and months works reliably regardless of the number of events or iframe height.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.