Bug when inserting a file or a link in a text/mardown field or any other object (pop-up windows hidden)

[larmarange]

Steps to reproduce

1. Have a rich text field (markdown)
2. Create / Edit a new line
3. Try to click on the link incon or use / to inser a file, a link or even another table

Expected behavior

Before 1.0.0, it was opening a popup window to select the element to be inserted. The pop-up window was on the top of the record form.

Actual behavior

The pop-up window is hidden behing the recod form window and therefore not accessible

Tables app version

1.0.0

Browser

firefox and chrome

Client operating system

No response

Operating system

No response

Web server

None

PHP engine version

None

Database

None

Additional info

No response

[Aveyron-RetD]

I confirm the pop up window now is always in front for the smartpicker. The pop up window is also in front when in full screen

In this screenshot, I clicked on full screen for a rich text content cell.

You can see the full screen cell being displayed behind the pop up and escape can close the full screen

=> Full screen

=> not full screen

[htcnokia]

yes,it happend to me.the link and rich text can't link anython,because the pop windows was mask.

[htcnokia]

try this:

cd /var/www/nextcloud/apps/tables/css

备份当前文件

sudo cp modal.css modal.css.bak2

替换为更精确的 CSS

sudo tee modal.css > /dev/null << 'EOF' /**

• SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
• SPDX-License-Identifier: AGPL-3.0-or-later */ .x_modal-container { overflow: auto !important; } .modal__content { padding: 0 0 20px 20px; } .modal__content h2 { margin-top: 0; } @media only screen and (max-width: 1025px) { .x_modal__content { width: calc(100% - 40px); } } @media only screen and (max-width: 641px) { .x_modal__content { width: calc(100% - 40px); max-height: 90vh !important; } .x_modal-wrapper .prev, .modal-wrapper .next { min-width: 20px !important; } } @media only screen and (max-width: 460px) { .x_modal__content { width: calc(100% - 40px); max-height: 90% !important; } .x_modal-wrapper .prev, .modal-wrapper .next { min-width: 10px !important; } }

/* 修复文件选择器层级问题 - 更精确的选择器 / / 只针对文件选择器对话框 */ .oc-dialog[data-type="filepicker"], .oc-dialog-container:has(.filepicker), [role="dialog"]:has(.file-picker), .modal-mask:has(.file-picker) { z-index: 999999 !important; }

/* 确保下拉菜单在对话框之上 / .v-popper__popper, .multiselect__content-wrapper, .select-menu, .dropdown-menu, [class="dropdown"], [class*="popover"], .v-select .vs__dropdown-menu { z-index: 9999999 !important; }

/* 如果上面的还不够,所有 Tables 相关的下拉和弹出层 */ .tables-app .v-popper__popper, .tables-app .multiselect__content-wrapper { z-index: 9999999 !important; } EOF

清理缓存

cd /var/www/nextcloud sudo rm -rf data/appdata_/css/ sudo rm -rf data/appdata_/js/ sudo systemctl restart apache2

[blizzz]

cc @enjeck

[enjeck]

I had specifically set the edit/create modal to be above the smartpicker because we could have a case where we might want to edit while in smartpicker mode, as you can see below:

https://github.com/user-attachments/assets/19a4120e-f546-4dd3-a13a-46f39a64d649

I didn't consider the other way around. It appears we can't have both and would have to choose which way we want it.

[Aveyron-RetD]

=> Looks like the behaviour of this bug has changed with newer versions of Nextcloud server or Tables app.

I can now on 31.0.5 with latest version of the tables app.

In the table app => use rich field with smartpicker and open full screen.

But with an embedded table in text. => when i click on a row and try to use the smartpicker on rich text field => no smartpicker is shown (behind certainly) => When i try to expand full screen a rich text field. Full screen is behind the table.

Workaround for the moment link the tables without displaying the content