New cards are created at the bottom of the screen

[sparunakian]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

Describe the bug Since Nextcloud 30 and Deck, the create card button in a board creates a text input at the bottom of the screen.

To Reproduce Steps to reproduce the behavior:

1. Open the Deck app
2. Go to a board
3. Click the create card button
4. The text input for the new card title is displayed at the bottom of the screen

Expected behavior Previously, the text input was displayed next to the last card in the column.

Screenshots

Client details:

• OS: ArchLinux & Debian
• Browser: Firefox
• Version: 132 & 128.3.1 ESR
• Device: Desktop

Server details

Operating system: Debian & ArchLinux

Web server: Apache

Database: MySQL

PHP version: 8.2

Nextcloud version: 30.0.1

Where did you install Nextcloud from: Zip archive (Debian) & distribution package (ArchLinux)

Signing status:

Login as admin user into your Nextcloud and access
http://example.com/index.php/settings/integrity/failed
paste the results here.

List of activated apps:

If you have access to your command line run e.g.:
sudo -u www-data php occ app:list
from within your Nextcloud installation folder

Nextcloud configuration:

If you have access to your command line run e.g.:
sudo -u www-data php occ config:list system
from within your Nextcloud installation folder

or

Insert your config.php content here
Make sure to remove all sensitive content such as passwords. (e.g. database password, passwordsalt, secret, smtp password, …)

Are you using an external user-backend, if yes which one: LDAP/ActiveDirectory/Webdav/...

Logs

Nextcloud log (data/nextcloud.log)

Insert your Nextcloud log here

Browser log

Insert your browser log here, this could for example include:

a) The javascript console log
b) The network log
c) ...

[luka-nextcloud]

Confirmed with the design team, we should fix this.

[XueSheng-GIT]

@luka-nextcloud thanks for taking care! Is there any quick fix/workaround available? How ever this may look in future, is it possible to revert back to the old behaviour for now so that users are able to actually see their new cards again?

[ludij]

Please see the PR above, which is an attempt to improve the responsive behavior and solves this issue as a side effect :)

[bentuna]

Any news on this? On iOS via Browser, Deck is practically unusable because you can't see what you type when creating a new card.

https://github.com/user-attachments/assets/33ae97a9-1246-4500-ad21-4d61ee457b13

[bentuna]

Workaround We are using the following CSS hack to make the "new card" input field appear above older cards - works nicely:

.app-deck {
  .stack__card-add form {
    order: 1;
  }
  .smooth-dnd-container.vertical {
    order: 2;
  }
}

Screenshot

[ziggycross]

@bentuna could you submit your updates as a PR? It seems to solve the issue. I would love to use it but am too new to Nextcloud to know where I would need to patch the CSS.

[bentuna]

@ziggycross the problem is, that my changes are only CSS hacks which I inject via the custom CSS app - I don't have the knowledge to fix this upstream. :/