engineering/remarkbox
1
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Persist preview visibility state in localStorage

Browse source
This commit is contained in:
russell@unturf.com 2026-01-24 08:04:37 -05:00
parent 2f8e676f78
commit 67648f06f9
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
remarkbox/static/js/custom.js
View file

@ -90,7 +90,7 @@ function toggle(target, button, off_text, on_text) {
} }
} }
// Animate <details> close for preview-details elements. // Animate <details> close for preview-details elements and persist state in localStorage.
if (typeof document.addEventListener === 'function') { if (typeof document.addEventListener === 'function') {
document.addEventListener('click', function(e) { document.addEventListener('click', function(e) {
var summary = e.target.closest('.preview-toggle'); var summary = e.target.closest('.preview-toggle');
@ -100,10 +100,13 @@ if (typeof document.addEventListener === 'function') {
if (details.open && !details.classList.contains('closing')) { if (details.open && !details.classList.contains('closing')) {
e.preventDefault(); e.preventDefault();
details.classList.add('closing'); details.classList.add('closing');
localStorage.setItem('remarkbox-preview-hidden', 'true');
setTimeout(function() { setTimeout(function() {
details.open = false; details.open = false;
details.classList.remove('closing'); details.classList.remove('closing');
}, 800); }, 800);
} else if (!details.open) {
localStorage.removeItem('remarkbox-preview-hidden');
} }
}, true); }, true);
} }
@ -118,6 +121,13 @@ function autoGrow(el) {
// Initialize on DOM ready // Initialize on DOM ready
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Restore preview state from localStorage
if (localStorage.getItem('remarkbox-preview-hidden') === 'true') {
document.querySelectorAll('.preview-details').forEach(function(details) {
details.open = false;
});
}
// Auto-grow textareas on input // Auto-grow textareas on input
document.querySelectorAll('.common-textarea').forEach(function(textarea) { document.querySelectorAll('.common-textarea').forEach(function(textarea) {
textarea.addEventListener('input', function() { textarea.addEventListener('input', function() {