Issue #1579💬 AnsweredOpened November 14, 2018by YashPrince0 reactions

Border Color Issue

Quick answerby loganvolkers

I can reproduce this on the demo website Copy and pasting can trigger this error, but it looks like it has nothing to do with copy and paste and everything to do with whitespace. Values that work:rgb(255,0,0)rgb(255,0,0) Values that don't work:rgb(255,0,0 ) transforms to rgb(255,0,0rgb(255,0, 0) transforms to rgb(255,...

Read full answer below ↓

Question

@artf There is bug in the border color if you drag a button on the editor and paste color like rgb(255, 0, 0) in border color and select any other element in side the editor without changing any property and reselet the button then border color become rgb(255, and if we changes in any property of border then css breaks. Please check and fix it. Please provide any quick fix if there is any. Thanks in advance.

Answers (3)

loganvolkersNovember 22, 2018

I can reproduce this on the demo website Copy and pasting can trigger this error, but it looks like it has nothing to do with copy and paste and everything to do with whitespace. Values that work:rgb(255,0,0)rgb(255,0,0) Values that don't work:rgb(255,0,0 ) transforms to rgb(255,0,0rgb(255,0, 0) tr...

artfNovember 23, 2018

everything to do with whitespace Correct, it's just a poor parsing on composed types. We should split the value (eg. 1px solid rgba(255, 0, 0, 0)) by spaces (or even better propertyModel.get('separator'), which exists already) but taking care of functions

lock[bot]December 1, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

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.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.