@joehua87 after got support from draft Js team, it caused by creating decorated component in blockRenderFn. that means the decorated component is unmounting and remounting ench blockRender time. you can solve this by change your code in createButtonPlugin as below example:

import decorateComponentWithProps from 'decorateComponentWithProps'
import { Entity } from 'draft-js'
import ButtonBlock from '../../components/ButtonBlock'

export default function createButtonPlugin(config = {}) {
  // const theme = config.theme ? config.theme : {}
  const store = {
    getEditorState: undefined,
    setEditorState: undefined,
  };
 const decoratedComponent =decorateComponentWithProps(ButtonBlock, { editorStore: store });
  return {
    initialize: ({ getEditorState, setEditorState, setReadOnly, getReadOnly }) => {
      store.getEditorState = getEditorState
      store.setEditorState = setEditorState
      store.setReadOnly = setReadOnly
      store.getReadOnly = getReadOnly
    },
    blockRendererFn: (contentBlock) => {
      const blockType = contentBlock.getType()
      if (blockType === 'atomic') {
        const entity = Entity.get(contentBlock.getEntityAt(0))
        const type = entity.getType()
        if (type === 'button') {
          return {
            component: decoratedComponent,
            editable: false,
          }
        }
      }
      return null
    },
  }
}

Cannot click Button in Block on draft-js-plugins-editor #338

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions