Preserve selection after swap

After swapping the selection on the focussed input element gets lost.

Isolved the issue using this js Snippet… might be a good thing to have in the library natively. The element is selected by name or id. I know it’s a little hacky, but it’s sufficient to demonstrate the idea. The interesting part is calling setSelectionRange.

(function() {
	var activeId = null, activeName = null, selectionStart = 0, selectionEnd = 0;

	function beforeInsert() {
		activeId = null;
		activeName = null;
		selectionStart = 0;
		selectionEnd = 0;
		var activeElement = document.activeElement
		if (activeElement) {
			if (activeElement.id) {
				activeId = activeElement.id;
			} else if (document.activeElement.name) {
				activeName = activeElement.name;
			}
			if (activeId || activeName) {
				selectionStart = activeElement.selectionStart;
				selectionEnd = activeElement.selectionEnd;
			}
		}
	}

	function afterInsert() {
		var elem = null;
		if (activeId) {
			elem = document.getElementById(activeId);
		} else if (activeName) {
			elem = document.getElementsByName(activeName)[0];
		}
		if (elem) {
			elem.focus();
			if (selectionStart !== null && selectionEnd !== null) {
				elem.setSelectionRange(selectionStart, selectionEnd);
			}
		}
	}

	if (document.addEventListener) {
		document.addEventListener('htmx:beforeSwap', beforeInsert);
		document.addEventListener('htmx:afterSwap', afterInsert);
	}
})();

[1cg]

Checking in on this. It should work, since my code is perfect in every way and never has any bugs no sir.

[dwasyl]

@1cg Do you think this is at all connected to #595? I’ve noticed that if an input doesn’t have hx-preserve and has focused before a background refresh the same element will have focus in once the page was been “refreshed”. Currently, if the focused element has hx-preserve on tit when the page is “refreshed” the focus is removed from any element. (I’ve run into this because user’s were complaining the refresh happens while they type and if they happen to it “space” before realizing the focus issue the browser can jump them to the very end up a very long page.

Maybe this is different than this, but this seems to indicate it’s solved in circumstances without the hx-preserve