Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: stop touchstart event propagation if coming from cancel button in detached mode #924

Merged
merged 12 commits into from
Mar 31, 2022
Merged

fix: stop touchstart event propagation if coming from cancel button in detached mode #924

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
5548b14
fix: prevent search input blur from closing panel in detached mode
dhayab Mar 24, 2022
9aa58b4
bump bundle size
dhayab Mar 24, 2022
8d8e126
Revert "fix: prevent search input blur from closing panel in detached…
dhayab Mar 24, 2022
c64a861
stop touchstart propagation if coming from cancel button
dhayab Mar 24, 2022
f656c78
update test
dhayab Mar 25, 2022
96f8ddc
remove unused code
dhayab Mar 25, 2022
5bad68f
apply suggestion
dhayab Mar 25, 2022
207f8bd
fix touch event case issue
dhayab Mar 30, 2022
66fb4b3
Merge branch 'next' into fix/input-blur-detached
dhayab Mar 30, 2022
cd3de9f
use lowercase for touch events based on spec
dhayab Mar 30, 2022
1d1599f
Merge branch 'next' into fix/input-blur-detached
dhayab Mar 31, 2022
05032e9
Merge branch 'next' into fix/input-blur-detached
dhayab Mar 31, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 23 additions & 1 deletion packages/autocomplete-js/src/__tests__/detached.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,10 +111,32 @@ describe('detached', () => {
'.aa-DetachedCancelButton'
);

// Prevent `onTouchStart` event from closing detached overlay
const windowTouchStartListener = jest.fn();
window.addEventListener('TouchStart', windowTouchStartListener);
Haroenv marked this conversation as resolved.
Show resolved Hide resolved

fireEvent(
cancelButton,
new TouchEvent('TouchStart', {
bubbles: true,
cancelable: true,
composed: true,
})
);

expect(windowTouchStartListener).toHaveBeenCalledTimes(0);

window.removeEventListener('TouchStart', windowTouchStartListener);

await waitFor(() => {
expect(document.querySelector('.aa-DetachedOverlay')).toBeInTheDocument();
expect(document.body).toHaveClass('aa-Detached');
});

// Close detached overlay
const bodyClickListener = jest.fn();
document.querySelector('body').addEventListener('click', bodyClickListener);

// Close detached overlay
cancelButton.click();

expect(bodyClickListener).toHaveBeenCalledTimes(0);
Expand Down