[Feature]: Allow scroll of the canvas if the device height exceeds the available height
Question
Given the following code example...
editor.DeviceManager.add('test', '300px', {
height: '1000px',
widthMedia: '300px',
});
editor.setDevice("test");
Results in no ability to scroll to top of canvas if editor display area is less than specified height of the device.
See Fiddle for demonstration...
Answers (3)
Just add style overflow: auto to .gjs-cv-canvas__frames
After exploring a bit more about this issue I'd suggest just not to exceed the canvas height with the device one. Unfortunately, currently, making any part of the canvas scrollable (solution suggested by @TheDiamondKing ) will lead to unexpected behaviors. I'm working on the frame and canvas refactoring, so probably this will be solved differently
@artf Is your comment still true? Does adding overflow: auto (especially in a "designer mode" / "absolute mode" canvas) still cause problems?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2207
[BUG]: Can't drag component if there is some space on top/left with Mode Absolute
Given the following code example... Results in no ability to drag and drop elements to correct position using drag icon on the panel. See F...
Issue #2122
[Question] Adding script to content with chart js
Hello I am trying to add a Graph JS block with this code but whenever I would drag the new block I would get an error: How do I add a scrip...
Issue #2175
[Feature Request]: Canvas Touch Support iOS
My customers also require the ability to use the GrapesJS platform on their mobiles, therefore I am currently using the GrapesJS-Touch plug...
Issue #1745
[Feature]: Allow to import HTML documents
Hi Team, We are using grapesjs newsletter plugin in our project for importing and preview the template. We are facing some difficulty in re...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.