Skip to content

Landing page Outline (Page content index) is not rendered well on mobile and desktop #1624

@estux

Description

@estux

Describe the bug
When I open the Landing page Outline (and I have the Recent Pages section open) on mobile the index doesn't appear on screen.
When I open the Landing page Outline (with the Recent Pages section "closed") on mobile the index appears on the bottom of the page but it's cut out in the end and not fully visible.
When I open the Landing page Outline (with or without the Recent Pages section open) on desktop the index appears at the bottom of the page and it's cut out in the end (with less content displayed if Recent Pages section is open).

EDIT (04/01/2025): this happens on the Landing Page of a Collective. This Collective has only the Landing page (actually the longest one compared to the others Collectives I have, with a lot of headings and sub-headings).
I checked for errors in the console and actually the error is there every time I open the Outline (even on pages where the Outline is displayed well).

To Reproduce
Steps to reproduce the behavior:

  1. Open the Landing page of a Collective (shared with public link or with login access) on mobile (the landing page should be longer than the default one, with more headings and sub-headings)
  2. Click to show the Outline (page content index)
  3. The index content is not visible at all (with Recent Pages section left open)

On mobile with Recent Pages section closed:

  1. Open the Landing page of a Collective on mobile (the landing page should be longer than the default one, with more headings and sub-headings)
  2. Click to close the Recent Pages section
  3. Click to show the page content index
  4. The index appears on the bottom of the page but it's cut out in the last part (out of the screen).

You can see a similar behaviour opening the page on desktop (larger screen).

Expected behavior
The index should appear fully on screen when I click to show it.

Screenshots
If applicable, add screenshots to help explain your problem.

Server details:

  • Collectives app version: 2.15.2
  • Nextcloud version: 29.0.10
  • PHP Version: 8.2.14
  • Database: mysql 10.5.26

Client details:

  • OS: Android 13 and Windows 10
  • Browser: Fennec (Firefox Mobile) 133.0.3 and Firefox 133.0.3 (desktop)
  • Device: Samsung S20FE and laptop
Logs

Nextcloud log (data/nextcloud.log)

Insert your Nextcloud log here

Browser log

TypeError: t is undefined
    onResize EditorOutline.vue:47
    mounted EditorOutline.vue:39
    VueJS 19
    setShowOutline editor.js:109
    showOutline editorMixin.js:79
    VueJS 11
    toggle root.js:55
    a pinia.mjs:1399
    n pinia.mjs:1887
    click PageActionMenu.vue:1
    VueJS 33
vue.runtime.esm.js:3065:16

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions