Hiding JSON-formatted data in the DOM with CSP enabled

[Gunnar Bittersmann]

@@dedlfix

(In Sachen hidden-Attribut gehe ich nicht mit Mathias mit, “or that it is being used to declare content to be reused by other parts of the page as opposed to being directly accessed by the user” [Spec] sollte das abdecken.)

Das was du da zitierst ist die Spec und nicht Mathias' Aussage. Was genau ist denn nun deine Meinung dazu?

Wie immer: Dinge mit der passenden Technologie umsetzen, mit der einfachsten. Das ist hier HMTL.

Wenn das Nichtanzeigen etwas Funktionales und nicht bloß was Stylisches ist, gehört das mit HTML umgesetzt. Die Seite soll ja auch funktionieren, wenn das Stylesheet nicht geladen wird (sei es durch Verlust der Netzwerkverbindung oder durch Abschalten von CSS vom Nutzer oder vom Seitenbetreiber am CSS Naked Day).

Angular 2 hat ng-show/hide zugunsten von hidden gestrichen und es klappt damit meist nicht wie gewünscht, weil sich das durch einfaches display:nicht-none; wirkungslos machen lässt und man dafür zusätzliche Verrenkungen im CSS benötigt.

[hidden]
{
  display: initial;
  opacity: 0.1;
}

Was ist daran „Verrenkung“? (CodePen)

LLAP 🖖