search

elboletaire / password-strength-meter

:key: A password strength meter for jQuery
https://elboletaire.github.io/password-strength-meter/
GNU General Public License v3.0
107 stars 45 forks source link

Bootstrap input-group #3

Closed hmichal-dev closed 5 years ago

hmichal-dev commented 6 years ago

Progress bar is not visible when Bootstrap input group is used.

<div class="form-group">
    <div class="input-group">
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
        </span>
        <input id="password" class="password-progress-bar form-control" type="password">
        <!-- Genereted code: -->
        <div class="pass-wrapper" style="display: none;"><div class="pass-graybar"><div class="pass-colorbar"></div></div></div>
    </div>
</div>
elboletaire commented 6 years ago

@michal-hary I may need to add a closestSelector setting or something similar for this case, because in this case you need the extra layers to be added outside the .input-group.

I'm out now (answering from Telegram); when I can I'll take a look into it.

Thanks for the report!

hmichal-dev commented 6 years ago

@elboletaire Thanks for fast response.

It would be great to add selectors in options. Better configuration would make this library much more flexible. Another useful feature is configuration to put text in color bar.

jhoover4 commented 5 years ago

Opened PR for this: #31

elboletaire commented 5 years ago

Done in 246c11c8137edc4f8908caca3b98a21b32de1d31. You can check a working example in the demo page.