Meta Box

Password Reveal Button - touch/click button issue with CSS

Support › MB Frontend Submission › Password Reveal Button - touch/click button issue with CSSResolved

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 9, 2024 at 7:38 PM #44779
    Nicholas CoxNicholas Cox
    Participant

    Hi

    Inside the password field for metabox front end forms, the reveal password button has padding applied to the parent <span> and not applied to the <i> icon. This causes the button to only be pressed/clicked when clicking/pressing over the actual eye shaped icon image and not the surrounding area inside the button border area.

    The padding need to be moved from the parent <span> to the <i> icon for this to be easier to select on desktop and mobile.

    <div class="rwmb-input-group"><input type="password" required="1" id="user_pass" class="rwmb-password" name="user_pass" aria-labelledby="user_pass-label"><span class="rwmb-input-group-text"><i class="password-icon show-icon"></i></span></div>

    thanks

    Nick

    March 10, 2024 at 10:29 PM #44789
    PeterPeter
    Moderator

    Hello Nick,

    Thanks for the feedback. I will inform the development team to consider improving the display of the show password icon.

    March 10, 2024 at 10:52 PM #44792
    Nicholas CoxNicholas Cox
    Participant

    Hi Peter,

    thanks for asking them

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.