Tab is not moving to next snippet field

arbaaz · October 25, 2022, 12:56pm

After snippet completion, hitting Tab is indenting the lines. It’s not not jumping to the next field.
How can I debug this?

marijn · October 25, 2022, 3:24pm

Sounds like you may have bound a tab handler with higher precedence than the one bound by the snippet extension.

arbaaz · October 25, 2022, 4:02pm

How can I check the precedence? I removed all the extension and I tried. What’s your debugging work flow?
How would you debug something like this?

marijn · October 25, 2022, 4:46pm

If you removed all extensions tab should definitely not indent—by default it isn’t handled, and just moves focus to the next element on the page.

arbaaz · October 29, 2022, 7:24am

Found the issue.

github.com

uiwjs/react-codemirror/blob/master/core/src/useCodeMirror.ts#L34


      
            theme = 'light',
            height = '',
            minHeight = '',
            maxHeight = '',
            placeholder: placeholderStr = '',
            width = '',
            minWidth = '',
            maxWidth = '',
            editable = true,
            readOnly = false,
            indentWithTab: defaultIndentWithTab = true,
            basicSetup: defaultBasicSetup = true,
            root,
            initialState,
          } = props;
          const [container, setContainer] = useState<HTMLDivElement>();
          const [view, setView] = useState<EditorView>();
          const [state, setState] = useState<EditorState>();
          const defaultLightThemeOption = EditorView.theme(
            {
              '&': {

React codemirror was doing it.

Thanks