directus / v8-archive

Directus Database API — Wraps Custom SQL Databases with a REST/GraphQL API
https://docs.directus.io/api/reference.html
505 stars 204 forks source link

WYSIWYG image picker in Repeater field #2108

Open jagoral opened 4 years ago

jagoral commented 4 years ago

• Version of Directus: v8.8.1

It's not possible to pick image in WYSWIG field inside repeater (except for the first item in repeater).

Steps to reproduce:

  1. Create repeater field with WYSIWYG editor.
  2. Create new item with at least two repeater fields.
  3. Click on Insert/edit image in WYSIWYG editor inside second item of repeater field, and then on source button in popup.
  4. The upload/select existing file popup is below insert/edit image popup.

Expected: The upload/select existing file popup is above insert/edit image popup as in first repeater field Browser: Chrome v85.0.4183.102

image

sonodar commented 4 years ago

I have the same problem. Occurs when there are multiple WYSIWYG fields, not just repeater field.

zghib commented 4 years ago

I have the same problem. Occurs when there are multiple WYSIWYG fields, not just repeater field.

It seems that the problem is here https://github.com/directus/app/blob/master/src/interfaces/wysiwyg/input.vue#L296 In my case rollback to 8.8.0. solves the issue

sonodar commented 4 years ago

It seems that the problem is here https://github.com/directus/app/blob/master/src/interfaces/wysiwyg/input.vue#L296 In my case rollback to 8.8.0. solves the issue

my version is v8.8.1.

試しにこの z-index を削除してみたらすべてうまく行きました。 I tried removing this z-index and everything worked fine.

https://github.com/directus/app/blob/master/src/interfaces/wysiwyg/tinymce-overrides.css#L251