From bdaf04303966107766f716f878382f1ded58f3f3 Mon Sep 17 00:00:00 2001 From: squidfunk <martin.donath@squidfunk.com> Date: Wed, 21 Mar 2018 20:21:49 +0100 Subject: [PATCH] Reset drawer and search upon back button invocation --- material/base.html | 4 ++-- src/base.html | 9 ++++++--- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/material/base.html b/material/base.html index 27f64306..e1e02a80 100644 --- a/material/base.html +++ b/material/base.html @@ -91,8 +91,8 @@ {% endif %} </defs> </svg> - <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer"> - <input class="md-toggle" data-md-toggle="search" type="checkbox" id="search"> + <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer" autocomplete="off"> + <input class="md-toggle" data-md-toggle="search" type="checkbox" id="search" autocomplete="off"> <label class="md-overlay" data-md-component="overlay" for="drawer"></label> {% if page.toc | first is defined %} <a href="{{ (page.toc | first).url }}" tabindex="1" class="md-skip"> diff --git a/src/base.html b/src/base.html index 895863f0..bb9132ca 100644 --- a/src/base.html +++ b/src/base.html @@ -180,11 +180,14 @@ </defs> </svg> - <!-- State toggles --> + <!-- + State toggles - we need to set autocomplete="off" in order to reset the + drawer on back button invocation in some browsers + --> <input class="md-toggle" data-md-toggle="drawer" - type="checkbox" id="drawer" /> + type="checkbox" id="drawer" autocomplete="off" /> <input class="md-toggle" data-md-toggle="search" - type="checkbox" id="search" /> + type="checkbox" id="search" autocomplete="off" /> <!-- Overlay for expanded drawer --> <label class="md-overlay" data-md-component="overlay" for="drawer"></label> -- GitLab