Autofill does not work OpenSTAManager #226

loviuz · 2024-12-04T09:16:27Z

Autofill does not work on the web application OpenSTAManager

Passbolt Version: SERVER: 4.10.1, CLIENT: 4.10.0 (docker image passbolt/passbolt)
Platform and Target:
-- Browser: Firefox 133.0 (64 bit)
-- Web server: apache (docker image passbolt/passbolt)
-- etc.: reverse proxy with nginx proxy manager v2.8.1 (docker image jlesage/nginx-proxy-manager)

What you did

I go to page https://mysubdomain.domain.ext and I click on "Use on this page" on the extension when Passbolt extension suggests the saved password.

What happened

Passbolt does not autofill username and password. I have to copy and paste username and password manually from Passbolt.

What you expected to happen

Passbolt should autofill credentials like others normal website (my istance works on lot of other websites).

This is the full HTML source of the page:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Login - OpenSTAManager</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

        <meta name="robots" content="noindex,nofollow">
        <meta name="description" content="OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica.">
        <meta name="author" content="DevCode s.r.l.">

		<link href="/assets/dist/img/favicon.png" rel="icon" type="image/x-icon" />
        <link rel="manifest" href="/manifest.json?r=968663993">
        <link rel="stylesheet" type="text/css" media="all" href="/assets/dist/css/app.min.css?v=2.5.7"/>
        <link rel="stylesheet" type="text/css" media="all" href="/assets/dist/css/themes.min.css?v=2.5.7"/>
        <link rel="stylesheet" type="text/css" media="all" href="/assets/dist/css/style.min.css?v=2.5.7"/>
        <link rel="stylesheet" type="text/css" media="print" href="/assets/dist/css/print.min.css?v=2.5.7"/>
        <script>
            globals = {
                rootdir: "",

                search: {},
                translations: {
                    password: {
                        "wordMinLength": "La tua password è troppo corta",
                        "wordMaxLength": "La tua password è troppo lunga",
                        "wordInvalidChar": "La tua password contiene un carattere non valido",
                        "wordNotEmail": "Non usare la tua e-mail come password",
                        "wordSimilarToUsername": "La tua password non può contenere il tuo nome",
                        "wordTwoCharacterClasses": "Usa classi di caratteri diversi",
                        "wordRepetitions": "Troppe ripetizioni",
                        "wordSequences": "La tua password contiene sequenze",
                        "errorList": "Errori:",
                        "veryWeak": "Molto debole",
                        "weak": "Debole",
                        "normal": "Normale",
                        "medium": "Media",
                        "strong": "Forte",
                        "veryStrong": "Molto forte",
                    },
                },

                timestamp_format: "d/m/Y H:i",
                date_format: "d/m/Y",
                time_format: "H:i",

                locale: "it",
				full_locale: "it_IT",
            };
        </script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/app.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/functions.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/custom.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/i18n/parsleyjs/it.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/i18n/select2/it.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/i18n/moment/it.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/i18n/locales.min.js?v=2.5.7"></script>
        <script type="text/javascript" charset="utf-8" src="/assets/dist/js/i18n/@fullcalendar/it.min.js?v=2.5.7"></script>
        <script>
            swal.setDefaults({
                buttonsStyling: false,
                confirmButtonClass: "btn btn-lg btn-primary",
                cancelButtonClass: "btn btn-lg",
                cancelButtonText: "Annulla",
            });
        </script>
    </head>

	<body class="sidebar-mini layout-fixed  hold-transition login-page">
		<div class="">
			<form action="?op=login" method="post" autocomplete="off">
				<div class="login-box card-center-medium">
                    <div class="card card-outline card-orange">
                        <div class="card-header text-center">
                            <img src="/assets/dist/img/logo_completo.png" alt="OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica" class="img-fluid">
                        </div>

                        <div class="card-body">
                            <p class="login-box-msg">Accedi con le tue credenziali</p>
                            <div class="input-group mb-3">
                                <input type="text" name="username" autocomplete="username" class="form-control" placeholder="Nome utente" required>
                                <div class="input-group-append">
                                    <div class="input-group-text">
                                        <i class="fa fa-user"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3">
                                
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-prepend">
            </div>
    <script>
        const characters ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!$£%-()*[]";
    
        function generateString(length) {
            let result = "";
            const charactersLength = characters.length;
            for ( let i = 0; i < length; i++ ) {
                result += characters.charAt(Math.floor(Math.random() * charactersLength));
            }
            return result;
        }
    
        function generatePassword_password() {
            var button = $("#password_generate");
            button.attr("title", "Genera password");
    
            $("#password").val(generateString(10));
            $("").attr("disabled", false).removeClass("disabled");
        }
    
        function togglePassword_password() {
            var button = $("#password_toggle");
    
            if (button.hasClass("fa-eye")) {
                $("#password").attr("type", "text");
                button.removeClass("fa-eye").addClass("fa-eye-slash");
                button.attr("title", "Nascondi password");
            } else {
                $("#password").attr("type", "password");
                button.removeClass("fa-eye-slash").addClass("fa-eye");
                button.attr("title", "Visualizza password");
            }
        }
    
        $(document).ready(function(){
            togglePassword_password();
        });
    </script>
        <input type="password" name="password" autocomplete="current-password" placeholder="Password" id="password" class="form-control openstamanager-input" data-parsley-errors-container="#password67-errors" autocomplete="off">
                <div class="input-group-append">
                    <span class="input-group-text after"> <i onclick="togglePassword_password()" class="clickable fa" id="password_toggle"></i> </span>
                </div>
        </div>
    </div>
    <div id="password67-errors"></div>
                            </div>

                            <button type="submit" class="btn btn-danger btn-block btn-flat">Accedi</button>
                            <br>
                            <p><a href="/reset.php">Password dimenticata?</a></p>
                        </div>
                    </div>
                </div>
			</form>
			<!-- /.box -->

            <script>
            $(document).ready( function(){
                $("#login").click(function(){
                    $("#login").text("Autenticazione...");
                });

                if( $("input[name=username]").val() == ""){
                    $("input[name=username]").focus();
                }
                else{
                    $("input[name=password]").focus();
                }
            });
            </script>
    <style>.cke_notification_warning{
    display:none !important;
}</style>
        </div><!-- ./wrapper -->
        <script>$(document).ready(init)</script>
	</body>
</html>

Thanks in advance :-)

cedricalfonsi added the auto-fill label Dec 12, 2024

cedricalfonsi assigned Benj1er Dec 12, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Autofill does not work OpenSTAManager #226

Autofill does not work OpenSTAManager #226

loviuz commented Dec 4, 2024

Autofill does not work OpenSTAManager #226

Autofill does not work OpenSTAManager #226

Comments

loviuz commented Dec 4, 2024

Autofill does not work on the web application OpenSTAManager

What you did

What happened

What you expected to happen