[Bug]: Readme.md Preview - Layout Shift

[titouandk]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• Nextcloud Server is running on 64bit capable CPU, PHP and OS.
• I agree to follow Nextcloud's Code of Conduct.

Disclaimer

I do not know if NextCloud is up to date (I use it as an employee in an enterprise context).
Maybe this bug has been fixed.

Bug description

The readme.md preview (in a directory) causes a layout shift.

When the readme.md file finishes loading, its content is displayed as expected, but the list of directories below is pushed down.

When happening in each visited directory, this impacts negatively the UX:

Enregistrement.de.l.ecran.2023-05-22.a.10.29.43.mov

Steps to reproduce

1. Activate readme.md preview in options
2. Create a directory
3. Add a readme.md with a lorem
4. Navigate to this directory

Expected behavior

Maybe the readme.md preview should have a fixed height to avoid this phenomenon.

Installation method

None

Nextcloud Server version

24

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

--

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[titouandk]

This bug seems related to #2834

(Since I originally posted this issue in /server, I did not found the duplicate searching for them)

[juliusknorr]

Closing as a duplicate of #2834, possible fix in #4254