• Gradient issue: changing hex color adds new gradient stop

Hi @Revolution @jdesign @Cricitem

Thanks again for posting about this issue and being so involved in the bug hunting process. You posting about these issues helps us greatly in tracking them down and improving the platform.

We are here to help investigate this issue with the gradient color picker. As both @Revolution and @jdesign mentioned this is definitely buggy behavior.

As Anna mentioned we couldn’t reproduce the issue on our end using various machines, browsers, and projects. When this happens the issue is typically isolated to a specific project or environment that we may not have access to—this is where that extra info Anna requested is incredibly helpful in reproducing/isolating the bug.

That said, we were able to reproduce some strange behavior in Firefox, but as we don’t fully support use of the Designer in Firefox this is not unusual.

If you are seeing this issue in Chrome / Safari, can you please share the specific projects / Read-Only links where the issue happened? The screen recording is a very helpful addition here, but on it’s own it doesn’t provide all the information we need.

I want to reiterate that we greatly appreciate your help in these matters and only ask for information pertinent to isolating, reproducing, and ultimately fixing these types of bugs.

A great way to get all of this information (machine info, browser, version, project, etc) super quickly is by submitting a report through the in-app bug reporting UI:

​Thanks in advance for your consideration, and I’m standing by for your reply.

I’m having this issue as well.

Using Safari Version 11.0.1 (12604.3.5.1.1)

In this project (haven’t tried others to see if it’s only this one): https://preview.webflow.com/preview/gigloopii?preview=b70c31c5de747c1bcabdf0490df28371

1 Like

Outside of the issue. That’s a smart use of the gradient tool!

1 Like

Creating and using gradients are a major pain. When I try to add or edit colors, no matter how careful I am, I always duplicate them and have to delete.

Also, it would be really helpful if you could save a gradient and reuse it.

There’s a red error in my console when it happens but it’s too big to take a screenshot of, so here’s the text:

https://notify.bugsnag.com/js?&breadcrumbs%5B0%5D%5Bname%5D=IMPORTED_TIMEZONE&breadcrumbs%5B0%5D%5Btimestamp%5D=1510587662050&breadcrumbs%5B0%5D%5Btype%5D=manual&&breadcrumbs%5B1%5D%5Bcount%5D=2&breadcrumbs%5B1%5D%5Bname%5D=ASSET_METADATA_UPDATED&breadcrumbs%5B1%5D%5Btimestamp%5D=1510587662055&breadcrumbs%5B1%5D%5Btype%5D=manual&&breadcrumbs%5B10%5D%5Bname%5D=RAW_DOMAIN_DATA_RECEIVED&breadcrumbs%5B10%5D%5Btimestamp%5D=1510587662781&breadcrumbs%5B10%5D%5Btype%5D=manual&&breadcrumbs%5B13%5D%5Bname%5D=ATOMS_IFRAME_LOADED&breadcrumbs%5B13%5D%5Btimestamp%5D=1510587663530&breadcrumbs%5B13%5D%5Btype%5D=manual&&breadcrumbs%5B14%5D%5Bname%5D=ASSET_METADATA_UPDATED&breadcrumbs%5B14%5D%5Btimestamp%5D=1510587663947&breadcrumbs%5B14%5D%5Btype%5D=manual&&breadcrumbs%5B17%5D%5Bname%5D=SYSTEM_BECAME_IDLE&breadcrumbs%5B17%5D%5Btimestamp%5D=1510587669508&breadcrumbs%5B17%5D%5Btype%5D=manual&&breadcrumbs%5B18%5D%5Bcount%5D=2&breadcrumbs%5B18%5D%5Bname%5D=TOP_BAR_HOVER_TOGGLED&breadcrumbs%5B18%5D%5Btimestamp%5D=1510587671666&breadcrumbs%5B18%5D%5Btype%5D=manual&&breadcrumbs%5B19%5D%5Bname%5D=SERVER_SYNC_DOM_STATUS_CHANGED&breadcrumbs%5B19%5D%5Btimestamp%5D=1510587672751&breadcrumbs%5B19%5D%5Btype%5D=manual&&breadcrumbs%5B2%5D%5Bname%5D=SWATCHES_INJECTED&breadcrumbs%5B2%5D%5Btimestamp%5D=1510587662071&breadcrumbs%5B2%5D%5Btype%5D=manual&&breadcrumbs%5B3%5D%5Bname%5D=COLORPANEL_SWATCHES_LOADED&breadcrumbs%5B3%5D%5Btimestamp%5D=1510587662072&breadcrumbs%5B3%5D%5Btype%5D=manual&&breadcrumbs%5B4%5D%5Bname%5D=RAW_IX_DATA_IMPORTED&breadcrumbs%5B4%5D%5Btimestamp%5D=1510587662074&breadcrumbs%5B4%5D%5Btype%5D=manual&&breadcrumbs%5B7%5D%5Bname%5D=RAW_DOMAIN_DATA_RECEIVED_BEGIN&breadcrumbs%5B7%5D%5Btimestamp%5D=1510587662638&breadcrumbs%5B7%5D%5Btype%5D=manual&&breadcrumbs%5B8%5D%5Bname%5D=APPLICATION_LOADED&breadcrumbs%5B8%5D%5Btimestamp%5D=1510587662640&breadcrumbs%5B8%5D%5Btype%5D=manual&&breadcrumbs%5B9%5D%5Bname%5D=SERVER_SYNC_DOM_STATUS_CHANGED&breadcrumbs%5B9%5D%5Btimestamp%5D=1510587662738&breadcrumbs%5B9%5D%5Btype%5D=manual&breadcrumbs%5B11%5D%5BmetaData%5D%5Bheight%5D=700&breadcrumbs%5B11%5D%5BmetaData%5D%5Bwidth%5D=860&breadcrumbs%5B11%5D%5Bname%5D=WORKSPACE_DIMENSIONS_UPDATED&breadcrumbs%5B11%5D%5Btimestamp%5D=1510587662831&breadcrumbs%5B11%5D%5Btype%5D=manual&breadcrumbs%5B12%5D%5BmetaData%5D%5Bname%5D=tooSmall&breadcrumbs%5B12%5D%5BmetaData%5D%5Bvalue%5D=true&breadcrumbs%5B12%5D%5Bname%5D=BLOCKER_FLAG_UPDATED&breadcrumbs%5B12%5D%5Btimestamp%5D=1510587662832&breadcrumbs%5B12%5D%5Btype%5D=manual&breadcrumbs%5B15%5D%5BmetaData%5D%5Bheight%5D=636&breadcrumbs%5B15%5D%5BmetaData%5D%5Bwidth%5D=860&breadcrumbs%5B15%5D%5Bname%5D=WORKSPACE_DIMENSIONS_UPDATED&breadcrumbs%5B15%5D%5Btimestamp%5D=1510587664282&breadcrumbs%5B15%5D%5Btype%5D=manual&breadcrumbs%5B16%5D%5Bcount%5D=2&breadcrumbs%5B16%5D%5BmetaData%5D%5Bname%5D=tooSmall&breadcrumbs%5B16%5D%5BmetaData%5D%5Bvalue%5D=true&breadcrumbs%5B16%5D%5Bname%5D=BLOCKER_FLAG_UPDATED&breadcrumbs%5B16%5D%5Btimestamp%5D=1510587664284&breadcrumbs%5B16%5D%5Btype%5D=manual&breadcrumbs%5B5%5D%5BmetaData%5D%5BmergeDefaults%5D=true&breadcrumbs%5B5%5D%5Bname%5D=STYLE_BLOCKS_IMPORTED&breadcrumbs%5B5%5D%5Btimestamp%5D=1510587662147&breadcrumbs%5B5%5D%5Btype%5D=manual&breadcrumbs%5B6%5D%5BmetaData%5D%5BmediaQuery%5D=main&breadcrumbs%5B6%5D%5Bname%5D=MEDIA_QUERY_SELECTED&breadcrumbs%5B6%5D%5Btimestamp%5D=1510587662629&breadcrumbs%5B6%5D%5Btype%5D=manual&apiKey=4ec9c6e1e0577a2f92d4b19107152fcc&appVersion=2017-11-13T09%3A10%3A41.342Z%20-%209f70511dff5c44cff610f842b719f40d99c7f794&context=%2Fdesign%2Fgigloopii&file=https%3A%2F%2Fwebflow.com%2Fdesign%2Fgigloopii&language=en-US&lineNumber=1&message=Can’t%20report%20full%20diff%20due%20to%20JSON%20size&metaData%5Bdevice%5D%5Btime%5D=1510587673114&metaData%5BmetaData%5D%5B__site%5D=gigloopii&metaData%5BmetaData%5D%5B_node%5D=---&metaData%5BmetaData%5D%5B_page%5D=%7B%0A%20%20%22_id%22%3A%20%2259e9e207c3e5160001ed959e%22%2C%0A%20%20%22slug%22%3A%20%22%22%2C%0A%20%20%22collection%22%3A%20null%0A%7D&metaData%5BmetaData%5D%5B_styles%5D=%7B%0A%20%20%22mq%22%3A%20%22main%22%2C%0A%20%20%22pseudo%22%3A%20null%2C%0A%20%20%22rule%22%3A%20null%2C%0A%20%20%22block%22%3A%20null%0A%7D&metaData%5BmetaData%5D%5B_trail%5D=&metaData%5BmetaData%5D%5BabstractChars%5D=96366&metaData%5BmetaData%5D%5BabstractNodeCount%5D=512&metaData%5BmetaData%5D%5Bdiff%5D=%5B%7B%22_id%22%3A%2259e9e207c3e5160001ed959f%22%2C%22tag%22%3A%22body%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%224992860a-8854-acc4-6ee8-cfe456a4410b%22%2C%224ee5a252-ff44-ee4e-ff37-86531659a8c1%22%2C%2274acb725-d8c2-7bec-3734-29b3b037e29f%22%2C%2290f73a6d-6f16-4d1d-f85a-678d0c53a05d%22%5D%7D%2C%7B%22_id%22%3A%224992860a-8854-acc4-6ee8-cfe456a4410b%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%5D%2C%22data%22%3A%7B%22sym%22%3A%7B%22inst%22%3A%2247045892-af02-edb7-27ac-1c9432b1e483%22%7D%7D%7D%2C%7B%22_id%22%3A%224ee5a252-ff4...059-47b9b979ae3a%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%22387a3574-567f-9ee7-2294-c6cfd663079d%22%5D%2C%22children%22%3A%5B%223344fbc7-7137-c0cf-e73d-fce21e99a1ba%22%2C%22ceb132d7-ac6c-8c27-2ef9-4291f358ff2b%22%2C%22bf796784-377c-ed6a-3e29-d790bd661921%22%5D%7D%2C%7B%22_id%22%3A%223344fbc7-7137-c0cf-e73d-fce21e99a1ba%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%22d06507a0-01ca-08af-53ea-f9f27c7b640f%22%5D%2C%22children%22%3A%5B%22c8c0e804-61da-b74e-9961-58e66ced7b10%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20show-ho%0A%2B%2B%2B%2B%2B%20ne%0Aw-i%0A%2B%2B%2B%2B%2B%20n%0At%0A-----%20-wo%0A%2B%2B%2B%2B%2B%20e%0Ar%0A-----%20ks%0A%2B%2B%2B%2B%2B%20action-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%2245613ba5-b295-030e-8db0-4fff753c9e57%22%7D%7D%7D%2C%7B%22_id%22%3A%22c8c0e804-61da-b74e-9961-58e66ced7b10%22%2C%22tag%22%3A%22a%22%2C%22classes%22%3A%5B%22bf31c244-9abd-7fe2-acf1-f36a8e3e71d4%22%5D%2C%22children%22%3A%5B%22273c4f63-947c-e556-fa4e-fcbcce46f34c%22%5D%2C%22data%22%3A%7B%22button%22%3Atrue%2C%22attr%22%3A%7B%22href%22%3A%22%23%22%7D%7D%7D%2C%7B%22_id%22%3A%22273c4f63-947c-e556-fa4e-fcbcce46f34c%22%2C%22text%22%3Atrue%2C%22v%22%3A%22I'M%20AN%20ARTIST%22%7D%2C%7B%22_id%22%3A%22ceb132d7-ac6c-8c27-2ef9-4291f358ff2b%22%2C%22tag%22%3A%22div%22...tr%22%3A%7B%22href%22%3A%22%23%22%7D%7D%7D%2C%7B%22_id%22%3A%22e55ca9b6-4fa2-2619-a648-6133102cc81c%22%2C%22text%22%3Atrue%2C%22v%22%3A%22I'M%20A%20CLUB%22%7D%2C%7B%22_id%22%3A%22e627cbe5-616b-3114-1989-64d7f83ccdbd%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%223d1ef1a2-63e7-d44b-4588-4133f6fd0c29%22%5D%2C%22children%22%3A%5B%225ac3a2a1-0254-9f35-b7b4-264c0df7e197%22%2C%22c804ff41-2bff-7bba-9aa9-6274542909e9%22%2C%22b3141ceb-411e-9b7e-9831-fb8fc1bf6c0b%22%2C%227c50c2fd-8745-21fb-d60a-19ec12d7f591%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20z%0A%2B%2B%2B%2B%2B%20n%0Ae%0A-----%20ro%0A%2B%2B%2B%2B%2B%20w%0A-%0A-----%20he%0Ai%0A-----%20gh%0A%2B%2B%2B%2B%2B%20n%0At%0A%2B%2B%2B%2B%2B%20eraction-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%22622fc187-1973-cdbc-bceb-a82875cd4fa5%22%7D%7D%7D%2C%7B%22_id%22%3A%225ac3a2a1-0254-9f35-b7b4-264c0df7e197%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%22c2c89a31-db65-f893-8e3f-2e7dd0b3011c%22%5D%2C%22children%22%3A%5B%229e88db14-7467-e786-5366-6d61e2c761d5%22%2C%22555fd0ae-d768-e90c-f08e-918aed63f5a2%22%2C%229b2d3361-b49f-2589-dd81-790df167f1db%22%2C%22a1ac76b9-3517-fd4e-bff4-0b368bd85290%22%5D%7D%2C%7B%22_id%22%3A%229e88db14-7467-e786-5366-6d61e2c761d5%22%2C%22tag%22%3A%22img%22%2C%22c...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%221ea5210d-e4b4-9709-b820-f8d4a2af4d3d%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%221ea5210d-e4b4-9709-b820-f8d4a2af4d3d%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%22258b4c25-9eac-5ceb-73d6-c03afc5804db%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20sc%0A%2B%2B%2B%2B%2B%20new-inte%0Ar%0A-----%20oll-%0Aa%0A-----%20r%0A%2B%2B%2B%2B%2B%20c%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22258b4c25-9eac-5ceb-73d6-c03afc5804db%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%2220d6c625-fffc-b288-ea4a-6b972d0644c5%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%22972339f4-762f-ca7d-98e0-5845ff59a835%22%5D%7D%2C%7B%22_id%22%3A%22972339f4-762f-ca7d-98e0-5845ff59a835%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%226daa62e8-8874-6eff-77b4-9a2fd8090eb4%22%2C%2205b91d8c-a160-ee49-8fc8-7...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%22eb3c3815-73b0-3a9a-2624-b0a07bee485d%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22eb3c3815-73b0-3a9a-2624-b0a07bee485d%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%22d667a7b9-7f6c-f08f-38b4-61a3b96a25cf%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20sc%0A%2B%2B%2B%2B%2B%20new-inte%0Ar%0A-----%20oll-%0Aa%0A-----%20r%0A%2B%2B%2B%2B%2B%20c%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22d667a7b9-7f6c-f08f-38b4-61a3b96a25cf%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%223fb96917-ad9c-5fd2-4373-ac4964ccc152%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%2203bedbf5-2ecb-fbe1-9b32-602a0a1ae066%22%5D%7D%2C%7B%22_id%22%3A%2203bedbf5-2ecb-fbe1-9b32-602a0a1ae066%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%22ab56a359-59c9-c7ae-55ac-89ed26d30198%22%2C%220c3d4e02-ef87-dc14-0f86-3...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%220b15d50a-a57f-9376-148a-867d3dcee26d%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%220b15d50a-a57f-9376-148a-867d3dcee26d%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%221e4d5342-bb96-ab50-1b6c-ab576d56dca3%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20scroll%0A%2B%2B%2B%2B%2B%20new%0A-%0A-----%20a%0A%2B%2B%2B%2B%2B%20inte%0Ar%0A%2B%2B%2B%2B%2B%20ac%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%221e4d5342-bb96-ab50-1b6c-ab576d56dca3%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%2281eaf012-711d-c1f8-01d0-b36992f239e1%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%2286d7d6aa-53b1-e5fc-4b2b-1c27e8533e08%22%5D%7D%2C%7B%22_id%22%3A%2286d7d6aa-53b1-e5fc-4b2b-1c27e8533e08%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%5D%2C%22children%22%3A%5B%2228c7a336-9e28-7012-e34a-de43ebd71bd9%22%2C%228c1e078b-ad56-bc8d-29be-b...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%22ad61e929-521d-fb34-0b34-cb3da2aa1477%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22ad61e929-521d-fb34-0b34-cb3da2aa1477%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%22cf4e879d-c720-8da4-1b6d-02bc959d64a3%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20sc%0A%2B%2B%2B%2B%2B%20new-inte%0Ar%0A-----%20oll-%0Aa%0A-----%20r%0A%2B%2B%2B%2B%2B%20c%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22cf4e879d-c720-8da4-1b6d-02bc959d64a3%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%2274fd1331-104c-c2d5-57e4-599ca95498e2%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%226f6a9205-c556-3dc7-ac7e-c6f3bf261848%22%5D%2C%22children%22%3A%5B%22fc8de1eb-3dca-2acc-0acd-1e7ce890d5d1%22%2C%220cd8e915-efad-be7b-feef-d8eb7cff5031%22%5D%7D%2C%7B%22_id%22%3A%22fc8de1eb-3dca-2acc-0acd-1e7ce890d5d1%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%227...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%2298995be9-f802-724a-867b-ed94c4beccd0%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%2298995be9-f802-724a-867b-ed94c4beccd0%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%22b15d095c-1504-d095-a10b-cadfe94cee59%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20scroll%0A%2B%2B%2B%2B%2B%20new%0A-%0A-----%20a%0A%2B%2B%2B%2B%2B%20inte%0Ar%0A%2B%2B%2B%2B%2B%20ac%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22b15d095c-1504-d095-a10b-cadfe94cee59%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%220cd8e915-efad-be7b-feef-d8eb7cff5031%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%227a084f0b-b1c2-2ac1-f788-c5516c708a01%22%5D%2C%22children%22%3A%5B%22eceb4652-1595-3406-8f5c-768cb8054206%22%5D%7D%2C%7B%22_id%22%3A%22eceb4652-1595-3406-8f5c-768cb8054206%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%2221c2ec69-4075-d53f-bf22-0a7a18cde32b%22%5D%2C%22...c8dd-d361f5210897%22%5D%2C%22children%22%3A%5B%2286628d0f-8a27-4cc8-fe33-a02bdda4f046%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22scroll-artists%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%2286628d0f-8a27-4cc8-fe33-a02bdda4f046%22%2C%22tag%22%3A%22h1%22%2C%22classes%22%3A%5B%22eb213c9f-cb98-5dd0-6b3e-54d98191a971%22%2C%22a9a13fa4-0ae4-1a7e-ef26-f311ceeed823%22%5D%2C%22children%22%3A%5B%22fd2c0e71-7e85-5524-21ba-823b93045e72%22%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22data-ix%22%3A%22%0A-----%20sc%0A%2B%2B%2B%2B%2B%20new-inte%0Ar%0A-----%20oll-%0Aa%0A-----%20r%0A%2B%2B%2B%2B%2B%20c%0Ati%0A-----%20sts%0A%2B%2B%2B%2B%2B%20on-6%0A%22%7D%2C%22macro%22%3A%7B%22guid%22%3A%226b6a7082-7bde-64a4-2bbf-a1c199257a2b%22%7D%7D%7D%2C%7B%22_id%22%3A%22fd2c0e71-7e85-5524-21ba-823b93045e72%22%2C%22text%22%3Atrue%2C%22v%22%3A%22%3E%22%7D%2C%7B%22_id%22%3A%22599b6c5f-a4ab-9e1b-2d1e-517a123a6a0b%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%2221388e09-35e0-6076-982b-43afa59ae4ba%22%5D%2C%22children%22%3A%5B%22f6898fdd-387e-a3cc-ca0a-099f053accc9%22%2C%22ad54ac0c-e5d3-104b-fa65-c99fd71eccf3%22%5D%7D%2C%7B%22_id%22%3A%22f6898fdd-387e-a3cc-ca0a-099f053accc9%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%22f...0403-afbe-c15b-6af1567a5437%22%2C%22tag%22%3A%22div%22%2C%22classes%22%3A%5B%22dcf208b7-5d6b-7b64-3766-8df8e9e015ea%22%5D%2C%22children%22%3A%5B%223de622c8-6497-ccef-c72a-220808e9bc80%22%5D%7D%2C%7B%22_id%22%3A%223de622c8-6497-ccef-c72a-220808e9bc80%22%2C%22tag%22%3A%22img%22%2C%22classes%22%3A%5B%22555f646e-aa6a-ee87-389d-83ce6989ce20%22%5D%2C%22children%22%3A%5B%5D%2C%22data%22%3A%7B%22attr%22%3A%7B%22src%22%3A%22https%3A%2F%2Fdaks2k3a4ib2z.cloudfront.net%2F57b5f1e77e0773194a9c9b41%2F57b5f1e77e0773194a9c9c54_rio-2016-logo.png%22%7D%7D%7D%5D&metaData%5BmetaData%5D%5BdiffTime%5D=56&metaData%5BmetaData%5D%5BlegacyChars%5D=96342&metaData%5BmetaData%5D%5BlegacyNodeCount%5D=512&metaData%5BmetaData%5D%5Btruth%5D=AbstractNodeStore&metaData%5BmetaData%5D%5Btype%5D=Page&name=AbstractNodeStoreLargeDiffError&notifierVersion=3.3.2&payloadVersion=3&projectRoot=https%3A%2F%2Fwebflow.com&releaseStage=production&severity=warning&severityReason%5Btype%5D=handledError&stacktrace=%3Cgenerated%3E%0AA%40https%3A%2F%2Fd2wy8f7a9ursnm.cloudfront.net%2Fbugsnag-3.min.js%3A1%3A8222%0Anotify%40https%3A%2F%2Fd2wy8f7a9ursnm.cloudfront.net%2Fbugsnag-3.min.js%3A1%3A9936%0A_reportBug%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-preloader.min.d8f560a3f4.js%3A1%3A4088%0A_detectAndReportDiffs%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A260%3A17659%0A_diffNodes%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A260%3A15995%0A_performSync%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A260%3A15595%0Ah%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A260%3A4691%0AinvokeFunc%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A12%3A28037%0AtrailingEdge%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A12%3A28427%0AtimerExpired%40https%3A%2F%2Fd3e54v103j8qbb.cloudfront.net%2Fgen%2Fjs%2Fwebflow-designer.min.73a48d4d35.js%3A12%3A28330%0Abugsnag%40https%3A%2F%2Fd2wy8f7a9ursnm.cloudfront.net%2Fbugsnag-3.min.js%3A1%3A225%0Ahttps%3A%2F%2Fd2wy8f7a9ursnm.cloudfront.net%2Fbugsnag-3.min.js%3A1%3A13032&unhandled=false&url=https%3A%2F%2Fwebflow.com%2Fdesign%2Fgigloopii&userAgent=Mozilla%2F5.0%20(Macintosh%3B%20Intel%20Mac%20OS%20X%2010_12_5)%20AppleWebKit%2F603.2.4%20(KHTML%2C%20like%20Gecko)%20Version%2F10.1.1%20Safari%2F603.2.4&ct=img&cb=1510587673115

Failed to load resource: the server responded with a status of 413 (HTTP/2.0 413)

@Revolution I was able to reproduce the issue but it only happens sporadically. I reported it to the team to investigate further and find a solution for this.

Thanks again for reporting it and for your patience. I’ll report back with an update as soon as I get one.

Hi Staff, I came to post the same bug, but found this thread. Here is an image of why this issue might be happening. It seems like a scaling issue of the designer, take a look at how huge my cursor is compared to what Anna screen capped.

resolution is set to 1366 x 768 widescreen in windows 10.

Sorry for this crappy picture, if anyone knows how to screen shot in W10 and make it include the mouse cursor, let me know so I can post images without looking like an idiot lol.

You can see that the cursor when directly centered with the node, still hangs off either edge which might explain it activating a new node on click instead of opening the gradient editor.

Same issue here I believe

HI @NewInBoston

Thanks so much for posting this! I’ll be sure to pass this along to our team :slight_smile:

I’ll post back here when I have a bit more info for you.

I’m having exactly the same problem. I can’t change the color of the gradient tool for the life of me. It always wants to create a new marker. So, I’m completely unable to change just the one side to transparent, for instance. I’m using Google Chrome Version 62.0.3202.94

Yes! This exists. The work around is taking the new gradient, changing it to what you want and then deleting the existing one. However, this is supppppper frustrating.

Hi @Revolution @jdesign @Cricitem @LauraH @dietbacon @Bill_Snebold @NewInBoston @Cory_Welch @Michael_Hood.

We pushed a fix for this one!! :tada: :balloon:

Thanks again for your patience while we worked on this. You should now be able to edit gradient colors without creating a new gradient stop.

Can you please test this on your end and confirm the issue is resolved?

​Thanks in advance!

2 Likes

Selecting the same color at both ends still automatically changes the background type selection to solid color.

To clarify, this is while STILL ATTEMPTING TO EDIT THE GRADIENT. I want to be able to select white at both ends, then adjust one of them to slightly off-white. Can’t… because the moment both colors are white it immediately hijacks the tool and makes it a solid color.

1 Like

@Cricitem

This is a separate issue from the one in this thread. We are still investigating the issue where a gradient converts to a solid color with two stops of matching color.

In this case the best workaround is to first change the default white color to a slightly different opacity, even 99%. Then you can edit the color of the second swatch to be white (defaulted at 100% opacity).

Then you can tweak each gradient stop color as you need. We will be sure to post an update to the appropriate thread as soon as we have a fix for this issue: • Background gradient turns into solid color

I was not aware there was a separate thread. I’ll watch that one.

I did check out this particular fix and the stops are now operating as should be expected.

1 Like

That’s great to hear! Thanks for testing this on your end @Cricitem :smiley:

@Brando Looks like the issue is resolved. However if I add a third gradient it seems it isn’t deletable.

1 Like

@jdesign

That’s really odd! I’ll try to reproduce this behavior on this end. Thanks for letting me know!

EDIT: I wasn’t able to reproduce this on this end. You should be able to click and drag the gradient stop down out of the modal to delete the third stop.

If you are still encountering this on your end, can you please make a new thread in Bugs category with the info/steps?

​Thanks in advance!!

It is working! I just have to drag it much further down than what it shows in the video. Maybe it’s something todo with a mouse/trackpad setting. I’ll check it on my end.

Thanks!

2 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.