Repository navigation
Issue: Insert media dialog is cropped on smaller screens #617
Copy link
Copy link
Closed
Labels
Description
Describe the bug
When inserting a media snippet / image with a number of custom fields, the UI becomes cropped on smaller screens.
To Reproduce
- Add a few extra fields to your media snippet:
"Image": {
"description": "Insert a responsive image",
"body": "{% image \"[[&mediaUrl]]\", \"[[alt]]\", \"[[mq]]\", \"[[loading]]\", \"[[fetch]]\" \"[[decoding]]\", \"[[mediaWidth]]\", \"[[mediaHeight]]\" %}",
"isMediaSnippet": true,
"fields": [
{
"name": "mq",
"title": "Media Query",
"type": "string",
"single": true,
"default": "(min-width: 800px) 580px, 100vw"
},
{
"name": "loading",
"title": "Loading",
"type": "choice",
"default": "lazy",
"choices": [
{
"id": "lazy",
"title": "Lazy"
},
{
"id": "eager",
"title": "Eager"
}
]
},
{
"name": "fetch",
"title": "Fetch Priority",
"type": "choice",
"default": "auto",
"choices": [
{
"id": "auto",
"title": "Auto"
},
{
"id": "high",
"title": "High"
},
{
"id": "low",
"title": "Low"
}
]
},
{
"name": "decoding",
"title": "Decoding",
"type": "choice",
"default": "async",
"choices": [
{
"id": "auto",
"title": "Auto"
},
{
"id": "sync",
"title": "Sync"
},
{
"id": "async",
"title": "Async"
}
]
}
]
},
- Click on the insert media button on a markdown file
- Attempt to fill out the pop up window
- Notice you are unable to complete all fields on smaller screens
Expected behavior
I should be able to input all form fields. Perhaps a max height is needed on the dialog.
Screenshots
Desktop (please complete the following information):
- OS: [e.g. iOS] MacOS 13.5
- Browser [e.g. chrome, safari] Firefox
- Version [e.g. 22] 116
Smartphone (please complete the following information):
N/A
Reactions are currently unavailable
Activity
estruyf commentedon Aug 11, 2023
Thank you @scottsweb for the bug!
estruyf commentedon Aug 18, 2023
Changing this to the slideover.
Issue: Insert media dialog is cropped on smaller screens #617
estruyf commentedon Aug 18, 2023
This will be available in the beta version to test out.
scottsweb commentedon Aug 18, 2023
Thanks, I think that is a good solution. It will make it much more flexible.