@acusti/dropdown 1.0.0-rc.1 → 1.0.0-rc.2

package/README.md

@@ -1,9 +1,10 @@
 # @acusti/dropdown
 
-[![latest version](https://img.shields.io/npm/v/@acusti/dropdown?style=for-the-badge)](https://www.npmjs.com/package/@acusti/dropdown)
-[![maintenance status](https://img.shields.io/npms-io/maintenance-score/@acusti/dropdown?style=for-the-badge)](https://npms.io/search?q=%40acusti%2Fdropdown)
-[![downloads per month](https://img.shields.io/npm/dm/@acusti/dropdown?style=for-the-badge)](https://www.npmjs.com/package/@acusti/dropdown)
-[![bundle size](https://deno.bundlejs.com/badge?q=@acusti/dropdown)](https://bundlejs.com/?q=%40acusti%2Fdropdown)
+[![Open on npmx.dev](https://npmx.dev/api/registry/badge/version/@acusti/dropdown)](https://npmx.dev/package/@acusti/dropdown)
+[![Open on npmx.dev](https://npmx.dev/api/registry/badge/size/@acusti/dropdown)](https://npmx.dev/package/@acusti/dropdown)
+[![Open on npmx.dev](https://npmx.dev/api/registry/badge/dependencies/@acusti/dropdown)](https://npmx.dev/package/@acusti/dropdown)
+[![Open on npmx.dev](https://npmx.dev/api/registry/badge/downloads-month/@acusti/dropdown)](https://npmx.dev/package/@acusti/dropdown)
+[![Open on npmx.dev](https://npmx.dev/api/registry/badge/updated/@acusti/dropdown)](https://npmx.dev/package/@acusti/dropdown)
 
 `Dropdown` is a React component that renders a menu-like UI with a trigger
 that the user clicks to disclose a dropdown anchored to that trigger. The
@@ -1042,7 +1043,8 @@ Menubar behaviors:
   tabbing away and back returns you where you were; it starts on (and falls
   back to) the first enabled member. A searchable member sits outside this
   — it’s a `combobox`, not a menu item, so it keeps its own native tab stop
-  and never takes the bar’s
+  and never takes the bar’s. ←/→ inside its input stay caret movement, and
+  the bar’s roving passes over it rather than landing in it
 - at most one menu in the bar is open at a time
 - opening a trigger’s menu (by click or keyboard) engages the bar
   (menu-mode). While engaged, hovering or focusing another trigger switches

package/dist/Dropdown.js

@@ -309,15 +309,15 @@ var compareDocumentOrder = (a, b) => {
 	return 0;
 };
 var NON_MENU_CONTROL_SELECTOR = "a[href], button, input, select, textarea, [tabindex]";
-var findNextEnabledMember = (members, fromIndex, direction) => {
+var canHoldTabStop = (member) => !member.isDisabled() && member.isMenuPopup();
+var findNextTargetMember = (members, fromIndex, direction) => {
 	const { length } = members;
 	for (let step = 1; step < length; step++) {
 		const member = members[((fromIndex + direction * step) % length + length) % length];
-		if (!member.isDisabled()) return member;
+		if (canHoldTabStop(member)) return member;
 	}
 	return null;
 };
-var canHoldTabStop = (member) => !member.isDisabled() && member.isMenuPopup();
 function Menubar(t0) {
 	const $ = c(22);
 	const { children, className, style } = t0;
@@ -365,7 +365,7 @@ function Menubar(t0) {
 				if (members_0.length < 2) return;
 				const index = members_0.findIndex((member_0) => member_0.element === fromElement);
 				if (index === -1) return;
-				const next = findNextEnabledMember(members_0, index, direction);
+				const next = findNextTargetMember(members_0, index, direction);
 				if (!next) return;
 				members_0[index].close();
 				next.open();
@@ -397,15 +397,16 @@ function Menubar(t0) {
 		t6 = (event) => {
 			const { key } = event;
 			if (key !== "ArrowLeft" && key !== "ArrowRight") return;
+			if (isEventTargetUsingKeyEvent(event.nativeEvent)) return;
 			const members_1 = getOrderedMembers();
 			if (members_1.length < 2) return;
 			if (members_1.some(_temp2)) return;
 			const eventTarget = event.target;
 			const index_0 = members_1.findIndex((member_4) => member_4.element.contains(eventTarget));
-			if (index_0 === -1) return;
+			if (index_0 === -1 || !members_1[index_0].isMenuPopup()) return;
 			event.preventDefault();
 			event.stopPropagation();
-			const next_0 = findNextEnabledMember(members_1, index_0, key === "ArrowRight" ? 1 : -1);
+			const next_0 = findNextTargetMember(members_1, index_0, key === "ArrowRight" ? 1 : -1);
 			if (!next_0) return;
 			next_0.focusTrigger();
 		};