toggling @disabled on the next select actually toggles it on its children options

[8549]

Code to reproduce (tested in playground):

<form action="/add" method="post" autocomplete="off">
  <input type="checkbox" name="have_p" _="on change toggle @disabled on the next <select/>" />
  <select name="p_format" required>
    <option value="a">A</option>
    <option value="b">B</option>
  </select>
</form>

Issue persists even by addressing the select with an id or by targeting the parentElement of the next <option/>.

[8549]

I debugged the script execution and found that the culprit is in the implementation of Runtime.forEach()

_hyperscript/src/_hyperscript.js

Lines 1530 to 1544 in 1e65fb1

	forEach(value, func) {
	if (value == null) {
	// do nothing
	} else if (this.isIterable(value)) {
	for (const nth of value) {
	func(nth);
	}
	} else if (this.isArrayLike(value)) {
	for (var i = 0; i < value.length; i++) {
	func(value[i]);
	}
	} else {
	func(value);
	}
	}

the HTMLSelectElement which is passed as value is considered an iterable so the wrong else-if branch is executed (and the toggle command is executed on the select's iterables -- its children options!) instead of the default (call once func on value).

[sanchawebo]

I currently have the same problem. Did you happen to find a workaround for this?

[8549]

@sanchawebo The dev confirmed that he's going to fix this issue in September: