JQLEditorConnect's suggestion list does not move along with input field on scrolling

Atlassian Ecosystem Design
,
1

JQLEditorConnect’s suggestion list does not move along with input field on scrolling.

Using this code from jql-connect-editor’s documentation:

import { useCallback } from 'react';
import { JQLEditorConnect } from '@atlassianlabs/jql-editor-connect';

const MyJQLEditor = () => {
  const onSearch = useCallback((jql: string) => {
    // Do some action on search    
  }, []);
  
  return (
    <JQLEditorConnect
      query={''}
      onSearch={onSearch}
      locale={"en"} 
    />
  );
};

Then I got a fixed suggestion list on screen:

Screen Recording 2022-05-09 at 14.57.47

Checked the internal code and look like this behavior is a result of useAutocompletePosition hook.

2 Likes
2

Thanks for reporting this issue @NhanNguyen. I’ve created a ticket internally for us to investigate the bug and introduce a fix.

Kind regards,
Kyle