You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When I click on some Delete buttons (APIkeys, users, collections...), their confirmation dialogs appear out of the screen, at least partially, making it impossible to click on buttons. And it is not possible to scroll to make the dialogs appear.
Inspecting the HTML and CSS, it looks like a CSS rule, @layer the-new-css-reset { does not include the <dialog> tag. When I manually add dialog, to the list, it works as expected.
:where(:not(html,
dialog,
iframe,
canvas,
...
👍 Expected behavior
The dialogs should be centered on the screen, or at least, all their content must be accessible.
👎 Actual Behavior
Dialogs are truncated or invisible. This picture shows the bottom of my browser window:
🎲 Appwrite version
Version 1.3.x
💻 Operating system
Linux
🧱 Your Environment
Self-hosted Appwrite 1.3.7
👀 Have you spent some time to check if this issue has been raised before?
Hi
Thank you for opening this.
I tried reproducing and seems like it is centered for me.
Kindly allow me to investigate about this more as to why this might be happening, this could be environment specific. Can you let me know what is the browser you are using?
When I deactivate the all:unset rule (in the dev console) or when I add dialog to the where list, dialogs appear centered. There a a lot of items under all:unset, so I cannot determine which one is failing on my Firefox.
Ok this is not a question of Appwrite but on my specific version of Firefox. I can edit the rule until next update of my Firefox. So I close this ticket. Sorry for the worries.
👟 Reproduction steps
When I click on some
Delete
buttons (APIkeys, users, collections...), their confirmation dialogs appear out of the screen, at least partially, making it impossible to click on buttons. And it is not possible to scroll to make the dialogs appear.Inspecting the HTML and CSS, it looks like a CSS rule,
@layer the-new-css-reset {
does not include the<dialog>
tag. When I manually adddialog,
to the list, it works as expected.👍 Expected behavior
The dialogs should be centered on the screen, or at least, all their content must be accessible.
👎 Actual Behavior
Dialogs are truncated or invisible. This picture shows the bottom of my browser window:
![Capture d’écran du 2023-06-22 15-27-24](https://private-user-images.githubusercontent.com/5886314/247944637-714f76e9-6ed0-4ec5-ac26-bdc726de221c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTQ5NTYsIm5iZiI6MTcyNTc1NDY1NiwicGF0aCI6Ii81ODg2MzE0LzI0Nzk0NDYzNy03MTRmNzZlOS02ZWQwLTRlYzUtYWMyNi1iZGM3MjZkZTIyMWMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDAxNzM2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWI0MGFjMGY2ODdkMjQ0ODhlNWI5N2FhMmM0NDRlNTcwMjgzOTg0MzVmZWJmZDkwNmVhZjEzNmFhZWJjOTUyMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.dtiznWTxMe0uGPibLd9fln2xaHCWRhZQJ6Oc-ePb7js)
🎲 Appwrite version
Version 1.3.x
💻 Operating system
Linux
🧱 Your Environment
Self-hosted Appwrite 1.3.7
👀 Have you spent some time to check if this issue has been raised before?
🏢 Have you read the Code of Conduct?
The text was updated successfully, but these errors were encountered: