Alternate method using inline css to hide regular html output in an untrusted notebook (#5880)

* Update formatting_html.py

* override inline display:none when css is loaded

* remove semicolon

Co-authored-by: Illviljan <[email protected]>

Author: mlhenderson

xarray/core/formatting_html.py

@@ -255,7 +255,7 @@ def _obj_repr(obj, header_components, sections):
         "<div>"
         f"{icons_svg}<style>{css_style}</style>"
         f"<pre class='xr-text-repr-fallback'>{escape(repr(obj))}</pre>"
-        "<div class='xr-wrap' hidden>"
+        "<div class='xr-wrap' style='display:none'>"
         f"{header}"
         f"<ul class='xr-sections'>{sections}</ul>"
         "</div>"

xarray/static/css/style.css

@@ -26,7 +26,7 @@ body.vscode-dark {
 }
 
 .xr-wrap {
-  display: block;
+  display: block !important;
   min-width: 300px;
   max-width: 700px;
 }