Describe the bug
When editing a nested content entry from the Contentful Live Preview left panel, Contentful automatically scrolls the focused field into view. However, the field is aligned to the very top of the panel and ends up partially or fully hidden beneath the nested-entry navigation bar at the top of the panel.
This makes the focused field appear clipped or invisible until the user manually scrolls further down.
To Reproduce
- Open a page in Contentful using Live Preview that contains a nested reference field.
- Select a field in that nested entry using the [Blue]"Edit" button attached to the rendered content (Right content panel)
- Observe where the panel scrolls and that the field is obscured by the "< content_id" nav bar.
Expected behavior
The focused field is visible, below the navigation bar.
Screenshots / example
Context (please complete the following information):
- Live preview SDK version number: 4.9.3
- GraphQL API
Additional context
There seems no way to programatically set the scroll-offset/scroll-margin-top values that would possibly fix this.
Describe the bug
When editing a nested content entry from the Contentful Live Preview left panel, Contentful automatically scrolls the focused field into view. However, the field is aligned to the very top of the panel and ends up partially or fully hidden beneath the nested-entry navigation bar at the top of the panel.
This makes the focused field appear clipped or invisible until the user manually scrolls further down.
To Reproduce
Expected behavior
The focused field is visible, below the navigation bar.
Screenshots / example
Context (please complete the following information):
Additional context
There seems no way to programatically set the scroll-offset/scroll-margin-top values that would possibly fix this.