Feature Request: Turn off spellcheck and autocapitalize for code blocks

[mbovel]

Description

Spellcheck and autocapitalize make very cumbersome to write code on iOS using TipTap.

It would be nice to automatically disable them when inside a code block.

I tried:

      const CodeBlockEditAttributes = Extension.create({
        addProseMirrorPlugins() {
          return [
            new Plugin({
              view: () => ({
                update: (view, prevState) => {
                  const { state } = view;
                  const { doc, selection } = state;
                  const parent = doc.resolve(selection.$anchor.pos).node();
                  const isCodeBlockActive = parent?.type.name === 'codeBlock';
                  const editorElement = view.dom;
                  if (isCodeBlockActive) {
                    editorElement.setAttribute('spellcheck', 'false');
                    editorElement.setAttribute('autocapitalize', 'off');
                  } else {
                    editorElement.setAttribute('spellcheck', 'true');
                    editorElement.setAttribute('autocapitalize', 'on');
                  }
                },
              }),
            }),
          ];
        },
      });

Unfortunately, this doesn't work: dynamic change of these attribues are not taken into account on iOS. They however do work as expected after blurring and re-focussing the editor again. I guess this blur/focus can't be automated without hurting accessibility?

I also tried other things, like unsetting and re-setting contenteditable or forcing a repaint, but that doesn't help.