Combobox cross-browser issues
With the light theme enabled, this is what select boxes look like on Firefox for OSx <img width="198" alt="screen shot 2017-10-27 at 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png"> @artf for consistency purposes, how should select boxes behave and loo...
Read full answer below ↓Question
I found that the combobox has different styles on different browsers. Firefox 56.0.2 (64-bits): Chrome: Safari: I think the problem is with Firefox. Also when opening the select, firefox displays some white borders: As Firefox use custom select this gives me issues when changing to a light theme.
Answers (3)
With the light theme enabled, this is what select boxes look like on Firefox for OSx <img width="198" alt="screen shot 2017-10-27 at 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png"> @artf for consistency purposes, how should select...
@artf I can work on it if you give me the indications, or if you want I can propose something.
Thanks @leantorres73 a PR would be great.
It's all about CSS and the problem is the <option> styling that should be here:
https://github.com/artf/grapesjs/blob/dev/src/styles/scss/_gjs_inputs.scss
(just try to search option)
I think it would be best to remove all those stylings
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1434
Toolbar Hide text element
@artf Please check you demo page text is hiding under the toolbar. how can we update the toolbar position?
Issue #394
Text: New div is created every time I hit enter instead of creating a </br>
Hi @artf Is there a reason why when inserting text a new div is created for every break instead of a standard </br> Is it possible to disab...
Issue #536
Better Alignment for Block in Block Manager
For example, Block for 2 Columns and 2 Columns 3/7 's font awesome and label are not aligned
Issue #508
If you add a checkbox trait, it does not render correctly in the settings panel unless there is also a text trait
A text trait and a checkbox: Results in: If checkbox only: The checkbox overlaps the label:
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
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.