From 666631a4bd15979afd130134bd662931ae526005 Mon Sep 17 00:00:00 2001
From: Alejandro Alonso <alejandroalonsofernandez@gmail.com>
Date: Wed, 19 Oct 2022 07:37:32 +0200
Subject: [PATCH] :bug: Fix firefox changing layer color type is not applied

---
 CHANGES.md                                       | 8 ++++++++
 frontend/src/app/main/ui/workspace/viewport.cljs | 7 +++++++
 2 files changed, 15 insertions(+)

diff --git a/CHANGES.md b/CHANGES.md
index 1043ac0de..bb0ad1e42 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 1.16.1-beta
+
+### :bug: Bugs fixed
+
+- Fix firefox changing layer color type is not applied [Taiga #4292](https://tree.taiga.io/project/penpot/issue/4292)
+- Fix justify alignes text left [Taiga #4322](https://tree.taiga.io/project/penpot/issue/4322)
+- Fix text out of borders with "auto width" and center align [Taiga #4308](https://tree.taiga.io/project/penpot/issue/4308)
+
 ## 1.16.0-beta
 
 ### :boom: Breaking changes & Deprecations
diff --git a/frontend/src/app/main/ui/workspace/viewport.cljs b/frontend/src/app/main/ui/workspace/viewport.cljs
index 2d2be20f9..ee4110124 100644
--- a/frontend/src/app/main/ui/workspace/viewport.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport.cljs
@@ -240,6 +240,13 @@
       (when (debug? :show-export-metadata)
         [:& use/export-page {:options options}])
 
+      ;; We need a "real" background shape so layer transforms work properly in firefox
+      [:rect {:width (:width vbox 0)
+              :height (:height vbox 0)
+              :x (:x vbox 0)
+              :y (:y vbox 0)
+              :fill background}]
+
       [:& (mf/provider use/include-metadata-ctx) {:value (debug? :show-export-metadata)}
        [:& (mf/provider embed/context) {:value true}
         ;; Render root shape