Problemas con comboboxes entre navegadores
Con el tema de luz activado, así es como se ven las cajas de selección en Firefox para OSx <img width="198" alt="captura de pantalla 2017-10-27 at 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png"> @artf por coherencia, ¿cómo deberían comportarse y verse...
Lee la respuesta completa abajo ↓Pregunta
He visto que el combobox tiene diferentes estilos según el navegador.
Firefox 56.0.2 (64 bits): ! captura de pantalla 2017-10-27 a las 17 23 49
Chrome: ! captura de pantalla 2017-10-27 a las 17 26 47
Safari: ! captura de pantalla 2017-10-27 a las 17 27 57
Creo que el problema está con Firefox. Además, al abrir el select, Firefox muestra algunos bordes blancos: ! captura de pantalla 2017-10-27 a las 17 28 27
Como Firefox usa selección personalizada, esto me da problemas al cambiar a un tema claro.
Respuestas (3)
Con el tema de luz activado, así es como se ven las cajas de selección en Firefox para OSx <img width="198" alt="captura de pantalla 2017-10-27 at 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png">
@artf por coherencia, ¿cómo deberían comportarse y verse las cajas seleccionadas en diferentes navegadores? ¿Nativo o personalizado?
@artf puedo trabajar en ello si me das las indicaciones, o si quieres, puedo proponer algo.
Gracias@leantorres73 un récord personal sería genial. Todo gira en torno al CSS y el problema es el <option>estilo que debería estar aquí: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/_gjs_inputs.scss (solo intenta buscar 'opción') Creo que lo mejor sería eliminar todos esos estilos
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #508
Si añades un rasgo de casilla, no se renderiza correctamente en el panel de ajustes a menos que también haya un rasgo de texto
Un rasgo de texto y una casilla para marcar: Resultados en: ! imagen Si solo tienes una casilla para verificar: La casilla se superpone a l...
Issue #394
Texto: Se crea un nuevo div cada vez que pulso enter en lugar de crear un </br>
Hola @artf ¿Hay alguna razón por la que al insertar texto se crea un nuevo div para cada salto en lugar de un estándar </br> ! imagen ¿Es p...
Issue #536
Mejor alineación para bloques en Block Manager
Por ejemplo, Block for 2 Columns y 2 Columns 3/7's font awesome y label no están alineados ! 2 columnas 3/7 bloque
Issue #1434
Barra de herramientas Ocultar elemento de texto
@artf Por favor, comprueba que el texto de tu página de demostración esté oculto bajo la barra de herramientas. ¿Cómo podemos actualizar la...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
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
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.