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