@homebound/beam 2.344.1 → 2.344.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18,7 +18,8 @@ function Tooltip(props) {
|
|
|
18
18
|
const tid = (0, utils_1.useTestIds)(props, "tooltip");
|
|
19
19
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { ref: triggerRef, ...triggerProps, ...(!state.isOpen && typeof title === "string" ? { title } : {}), ...tid,
|
|
20
20
|
// Add display contents to prevent the tooltip wrapping element from short-circuiting inherited styles (i.e. flex item positioning)
|
|
21
|
-
|
|
21
|
+
// Once the element is `:active`, allow pointer events (i.e. click events) to pass through to the children.
|
|
22
|
+
css: Css_1.Css.display("contents").addIn(":active", Css_1.Css.add("pointerEvents", "none").$).$,
|
|
22
23
|
// Adding `draggable` as a hack to allow focus to continue through this element and into its children.
|
|
23
24
|
// This is due to some code in React-Aria that prevents default due ot mobile browser inconsistencies,
|
|
24
25
|
// and the only way they don't prevent default is if the element is draggable.
|
|
@@ -10,7 +10,7 @@ const defaultLabel_1 = require("../utils/defaultLabel");
|
|
|
10
10
|
function BoundTextAreaField(props) {
|
|
11
11
|
const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onFocus, onBlur, onEnter, ...others } = props;
|
|
12
12
|
const testId = (0, utils_1.useTestIds)(props, field.key);
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.TextAreaField, { label: label, value: field.value || undefined, onChange: onChange, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, onBlur: () => {
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.TextAreaField, { label: label, value: field.value || undefined, onChange: onChange, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => {
|
|
14
14
|
field.blur();
|
|
15
15
|
(0, utils_1.maybeCall)(onBlur);
|
|
16
16
|
}, onFocus: () => {
|