[
https://issues.apache.org/jira/browse/WICKET-6725?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17022521#comment-17022521
]
Emond Papegaaij commented on WICKET-6725:
-----------------------------------------
I posted a simplified example on the dev list some time ago. The problem comes
from the low priority of hidden. Any css styling will override hidden. Say you
have this markup:
{code}
<html>
<head>
<style>.flex-panel { display: flex; min-height: 2rem; }</style>
</head>
<body>
<div wicket:id="containerIWantToHide" class="flex-panel" hidden></div>
</body>
</html>
{code}
Then the {{containerIWantToHide}} cannot be hidden with the hidden attribute,
because {{display: flex}} overrides the attribute. Any other value for display
(like {{block}} or {{inline-block}}) will also break. We use flex boxes quite a
lot throughout our application, and these popup when the hidden attribute is
used.
> CSP: display:none in Component.renderPlaceholderTag
> ---------------------------------------------------
>
> Key: WICKET-6725
> URL: https://issues.apache.org/jira/browse/WICKET-6725
> Project: Wicket
> Issue Type: Improvement
> Components: wicket-core
> Reporter: Emond Papegaaij
> Assignee: Emond Papegaaij
> Priority: Major
> Fix For: 9.0.0-M5
>
>
> org.apache.wicket.*Component*#renderPlaceholderTag : should rather add some
> special css class, or javascript which can set display none programmatically
> (and can also be nonced)
> {code:java}
> response.write("<");
> response.write(name);
> response.write(" id=\"");
> response.write(getAjaxRegionMarkupId());
> response.write("\" style=\"display:none\" data-wicket-placeholder=\"\"></");
> response.write(name);
> response.write(">");
> {code}
> (org.apache.wicket.extensions.ajax.markup.html.AjaxIndicatorAppender#afterRender
> has the same issue)
--
This message was sent by Atlassian Jira
(v8.3.4#803005)
