rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'release/3.8.10' into main

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-24 14:46:14 -03:00
parent d8a148c207 a61f43c557
commit 72ddf20e94
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/components/SearchOptions.tsx
View File

@@ -31,6 +31,7 @@ const SearchOptions = observer(({ appState }: Props) => {
top: 0, top: 0,
right: 0, right: 0,
}); });
const [maxWidth, setMaxWidth] = useState<number | 'auto'>('auto');
const buttonRef = useRef<HTMLButtonElement>(); const buttonRef = useRef<HTMLButtonElement>();
const panelRef = useRef<HTMLDivElement>(); const panelRef = useRef<HTMLDivElement>();
const [closeOnBlur, setLockCloseOnBlur] = useCloseOnBlur(panelRef, setOpen); const [closeOnBlur, setLockCloseOnBlur] = useCloseOnBlur(panelRef, setOpen);
@@ -49,6 +50,7 @@ const SearchOptions = observer(({ appState }: Props) => {
open={open} open={open}
onChange={() => { onChange={() => {
const rect = buttonRef.current.getBoundingClientRect(); const rect = buttonRef.current.getBoundingClientRect();
setMaxWidth(rect.right - 16);
setPosition({ setPosition({
top: rect.bottom, top: rect.bottom,
right: document.body.clientWidth - rect.right, right: document.body.clientWidth - rect.right,
@@ -68,8 +70,9 @@ const SearchOptions = observer(({ appState }: Props) => {
ref={panelRef} ref={panelRef}
style={{ style={{
...position, ...position,
maxWidth,
}} }}
className="sn-dropdown sn-dropdown--animated min-w-80 fixed grid gap-2 py-2" className="sn-dropdown sn-dropdown--animated w-80 fixed grid gap-2 py-2"
onBlur={closeOnBlur} onBlur={closeOnBlur}
> >
<Switch <Switch