Use of <xf:passwordbox> within <xf:option>

digitalpoint

Well-known member
Affected version
2.2.9
If you use a <xf:passwordbox> tag within a <xf:option> tag, the CSS for the passwordbox gets mucked a bit. It looks like this (see the 2 password box input fields there)... the Show text is slightly out of alignment and more noticeable, the icon for that Show/Hide toggle is definitely not in the right place.

1651166801502.png

It can be worked around by adding this to named template:

Code:
<xf:comment>Fix for xf:passwordbox within .inputChoices</xf:comment>
<xf:css>
.inputChoices > .inputChoices-choice .inputGroup .iconic {
    position: relative;
}
.inputChoices > .inputChoices-choice .inputGroup .iconic > input + i {
    position: static;
}
.inputChoices > .inputChoices-choice .inputGroup .iconic-label:before {
    display: inline-block;
}
</xf:css>

That CSS turns it into the expected results:

1651167000994.png

Maybe something you guys want to fix, maybe not. But it's a pretty easy CSS change to allow passwordbox to be used within options.
 
Top