From eb54454708b31962a2a7bf13f45963c048d2f958 Mon Sep 17 00:00:00 2001 From: JulienM Date: Mon, 7 Sep 2020 15:44:39 +0200 Subject: [PATCH] Fix filter margin-top that create an invisible overlay --- packages/ra-ui-materialui/src/list/filter/FilterForm.tsx | 1 + .../ra-ui-materialui/src/list/filter/FilterFormInput.tsx | 6 +++++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/ra-ui-materialui/src/list/filter/FilterForm.tsx b/packages/ra-ui-materialui/src/list/filter/FilterForm.tsx index 598d04037b5..0520fc7966f 100644 --- a/packages/ra-ui-materialui/src/list/filter/FilterForm.tsx +++ b/packages/ra-ui-materialui/src/list/filter/FilterForm.tsx @@ -20,6 +20,7 @@ const useStyles = makeStyles( alignItems: 'flex-end', flexWrap: 'wrap', minHeight: theme.spacing(10), + pointerEvents: 'none', }, clearFix: { clear: 'right' }, }), diff --git a/packages/ra-ui-materialui/src/list/filter/FilterFormInput.tsx b/packages/ra-ui-materialui/src/list/filter/FilterFormInput.tsx index e8e29be7950..80067c0e663 100644 --- a/packages/ra-ui-materialui/src/list/filter/FilterFormInput.tsx +++ b/packages/ra-ui-materialui/src/list/filter/FilterFormInput.tsx @@ -10,7 +10,11 @@ const emptyRecord = {}; const useStyles = makeStyles( theme => ({ - body: { display: 'flex', alignItems: 'flex-end' }, + body: { + display: 'flex', + alignItems: 'flex-end', + pointerEvents: 'auto', + }, spacer: { width: theme.spacing(2) }, hideButton: {}, }),