Issue #1579Opened November 14, 2018by YashPrince0 reactions

Border Color Issue

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. grapejs grapeerror

Answers (3)

loganvolkersNovember 22, 20180 reactions

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,0
  • rgb(255,0, 0) transforms to rgb(255,0,
  • rgb(255,0 , 0) transforms to rgb(255,0
  • rgb(255, 0 , 0) transforms to rgb(255,
  • rgb( 255,0,0) transforms to rgb(

As far as I can tell this affect the field for border-color, but not for background or font-color.

artfNovember 23, 20180 reactions

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, 20190 reactions

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...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.