Text input issue in element properties window within editor

[ricelectronicsdev]

@"Hacking" the Bubble editor for better UX

interact('.property-editor-2')
  .resizable({
    // resize from all edges and corners
    edges: { left: true, right: false, bottom: false, top: false },

    listeners: {
      move (event) {
        var target = event.target
        var x = (parseFloat(target.getAttribute('data-x')) || 0)

        // update the element's style
        target.style.width = event.rect.width + 'px'

      }
    },
    modifiers: [
      // keep the edges inside the parent
      interact.modifiers.restrictEdges({
        outer: 'parent'
      }),

      // minimum size
      interact.modifiers.restrictSize({
        min: { width: 340, height: 50 }
      })
    ],

    inertia: true
  })
  .draggable({
    listeners: { move: window.dragMoveListener },
    inertia: true,
    modifiers: [
      interact.modifiers.restrictRect({
        restriction: 'parent',
        endOnly: true
      })
    ]
  })

this works great not sure why is functionality is not included in the editor by default.
thanks