(root = el)}
- onKeyDown={nav}
- header={
- <>
- {summary()}
- 1}>
-
-
- {(_, i) => (
-
-
-
- >
- }
- footer={
- <>
-
-
- 0}>
-
-
-
-
- >
- }
- >
-
- {question()?.question}
-
- {language.t("ui.question.singleHint")}}>
- {language.t("ui.question.multiHint")}
-
-
-
- {(opt, i) => (
-
-
-
setStore("focus", options().length)}
- onClick={customOpen}
- >
-
-
- {customLabel()}
- {input() || customPlaceholder()}
-
-
- }
- >
- }>
+ {language.t("ui.question.multiHint")}
+
+
+ (optionsRef = el)}
+ data-slot="question-options"
+ aria-hidden={store.minimized || optionsOff() ? "true" : undefined}
+ classList={{ "pointer-events-none": hidden() > 0.1 }}
+ style={{
+ "max-height": `${Math.max(0, store.optionsHeight * (1 - hidden()))}px`,
+ opacity: `${Math.max(0, Math.min(1, 1 - hidden()))}`,
+ visibility: optionsOff() ? "hidden" : "visible",
+ }}
+ >
+
+ {(opt, i) => (
+
+
+ setStore("focus", options().length)}
+ onClick={customOpen}
+ >
+
+
+ {customLabel()}
+ {input() || customPlaceholder()}
+
+
+ }
+ >
+
-
-
-
+ >
+