Bug Report: Issue with "Edit CSS" Feature

Report Bugs
1

I hope this message finds you well. I am writing to report a bug encountered within the “Edit CSS” functionality.

The issue arises when attempting to save the original CSS code for a hamburger menu, which is detailed below:

self {
	width:30px;
	height:20px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

self > div {
	top:0;
	position:relative;
	transition:0.2s;
}

self.dh-active > div:last-child {
	top:-45%;
	position:relative;
	transform:rotate(-45deg);
}

self.dh-active > div:first-child {
	top:45%;
	position:relative;
	transform:rotate(45deg);
}

self.dh-active > div:nth-child(2) {
	opacity:0;
}

However, upon saving, the code is erroneously transformed into the following, with an additional “self” prefix being appended erroneously:

self {
	width:30px;
	height:20px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

self > div {
	top:0;
	position:relative;
	transition:0.2s;
}

selfself.dh-active > div:last-child {
	top:-45%;
	position:relative;
	transform:rotate(-45deg);
}

selfself.dh-active > div:first-child {
	top:45%;
	position:relative;
	transform:rotate(45deg);
}

selfself.dh-active > div:nth-child(2) {
	opacity:0;
}

My intention was to expand the clickable area of the hamburger menu and add text labels. Unfortunately, I was unable to create the CSS selector for self.dh-active using the “Add new instance of” menu in DivHunt.

Attempting direct CSS modification also proved futile, as saving immediately results in the erroneous addition of an extra “self,” preventing the creation of functional code.

I would greatly appreciate your urgent assistance in resolving this issue.

Thank you for your attention to this matter.

2

Hi,

Fixed this, it will be published to production tomorrow.
Issue was in key “self”.

Previously, if you edit style once and type css such as:

:hover {
 color:red;
}

and you save, next time when you open editor you will see:

self:hover {
 color:red;
}

and issue was when you click save again, we were sending bad css to the backend. Now this is fixed, you will still see self key everywhere, but saving CSS will work correctly.

Thanks for reporting. :slight_smile: