Merge pull request #186 from preactjs/empty-css-value

Fix empty CSS value not ignored in inline styles

Author: marvinhagemeister

src/util.js

@@ -51,7 +51,7 @@ export function styleObjToCss(s) {
 	let str = '';
 	for (let prop in s) {
 		let val = s[prop];
-		if (val != null) {
+		if (val != null && val !== '') {
 			if (str) str += ' ';
 			// str += jsToCss(prop);
 			str +=

test/render.js

@@ -258,6 +258,13 @@ describe('render', () => {
 			expect(rendered).to.equal(expected);
 		});
 
+		it('should ignore empty css value', () => {
+			let rendered = render(<div style={{ color: '' }} />);
+			let expected = `<div></div>`;
+
+			expect(rendered).to.equal(expected);
+		});
+
 		it('should render SVG elements', () => {
 			let rendered = render(
 				<svg>