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

fix: tag autocomplete result not clickable on iOS (#1455)

Browse Source
This commit is contained in:
Aman Harwara
2022-08-29 20:00:42 +05:30
committed by GitHub
parent a203faf02d
commit 876c0e83ca
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/javascripts/Components/TagAutocomplete/AutocompleteTagInput.tsx
View File

@@ -14,6 +14,8 @@ import AutocompleteTagResult from './AutocompleteTagResult'
import AutocompleteTagHint from './AutocompleteTagHint' import AutocompleteTagHint from './AutocompleteTagHint'
import { observer } from 'mobx-react-lite' import { observer } from 'mobx-react-lite'
import { SNTag } from '@standardnotes/snjs' import { SNTag } from '@standardnotes/snjs'
import { classNames } from '@/Utils/ConcatenateClassNames'
import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/Constants/Constants'
type Props = { type Props = {
viewControllerManager: ViewControllerManager viewControllerManager: ViewControllerManager
@@ -123,14 +125,16 @@ const AutocompleteTagInput = ({ viewControllerManager }: Props) => {
/> />
{dropdownVisible && (autocompleteTagResults.length > 0 || autocompleteTagHintVisible) && ( {dropdownVisible && (autocompleteTagResults.length > 0 || autocompleteTagHintVisible) && (
<DisclosurePanel <DisclosurePanel
className={`${ className={classNames(
tags.length > 0 ? 'w-80' : 'mr-10 w-70' tags.length > 0 ? 'w-80' : 'mr-10 w-70',
} absolute flex flex-col rounded bg-default py-2 shadow-main`} 'absolute z-dropdown-menu flex flex-col rounded bg-default py-2 shadow-main',
)}
style={{ style={{
maxHeight: dropdownMaxHeight, maxHeight: dropdownMaxHeight,
maxWidth: tagsContainerMaxWidth, maxWidth: tagsContainerMaxWidth,
}} }}
onBlur={closeOnBlur} onBlur={closeOnBlur}
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
> >
<div className="md:overflow-y-auto"> <div className="md:overflow-y-auto">
{autocompleteTagResults.map((tagResult: SNTag) => ( {autocompleteTagResults.map((tagResult: SNTag) => (