fix(toolbar): add [hidden] CSS rule to fix toolbarHiddenButtons option

kolkov · kolkov · commit 356355242af9 · 2025-11-22T04:00:17.000+03:00
Fixes #544 The toolbarHiddenButtons configuration option was not working because the [hidden] attribute requires explicit CSS styling. This style was previously provided by Bootstrap, but after removing that dependency in v3.0, buttons remained visible even when configured as hidden. Changes: - Add [hidden] { display: none !important; } to default.scss - Ensures toolbarHiddenButtons works without external CSS frameworks - One-line fix for a critical configuration feature Testing: - Library builds successfully - No breaking changes to existing functionality
diff --git a/projects/angular-editor/themes/default.scss b/projects/angular-editor/themes/default.scss
@@ -1,3 +1,9 @@
+// Fix for toolbarHiddenButtons option
+// The [hidden] attribute needs explicit styling to work without Bootstrap
+[hidden] {
+  display: none !important;
+}
+
 :root {
   --ae-gap: 5px;
   --ae-text-area-border: 1px solid #ddd;
