No possibility to use native styles for scrollbar
Unfortunately from what I know, scrollbars are quite particular (are not even part of the DOM) and once a custom style is detected you can't force the redraw to the original. The only solution would be right now to build your own custom grapesjs.css file
Read full answer below βQuestion
Hello everyone!
I was fighting for few hours, so maybe someone can help me. I want to use native styles for scrollbars in editor. But as soon as those styles are set from grapesjs.min.css I have no chance to reset them to browser default. Do you have any ideas, how I can achieve my goals?
Thanks in advance!
Answers (1)
Unfortunately from what I know, scrollbars are quite particular (are not even part of the DOM) and once a custom style is detected you can't force the redraw to the original. The only solution would be right now to build your own custom grapesjs.css file
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4083
Set root does not work
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://js...
Issue #3162
Button switcher to editor.allowsCripts
Hello, @artf ! :) Maybe you can help with grapesjs. I have buttons which has own scripts(e.g. opening modal window by click). And if I set...
Issue #1822
[QUESTION] - Add style sector for specific Css rule
Hey @artf , COuld you give your help on this one? I want to disable the user to able to select the wrapper block (body) but I still want to...
Issue #1632
[QUESTION] control table cell (add row, column..)
Hello. I want to dev some of feature to control the table. There are many feature for table the other editor like add columns, rows, set co...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
Building an AI-Assisted Document Engine with Next.js, GrapesJS, and the AI SDK
Transform your static template editor into an intelligent, generative design workspace with Vercel AI SDK, AI Elements and Next.js.
Tutorial
Ship to Production Faster: Whatβs New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.