Autofill does not work OpenSTAManager #226
Description
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 :-)