Can not use space while editing drop down menu in block manager

hello @artf I have applied a drop down menu in block manager the code is given below

bm.add("dropdown-menu-in-navbar",
        {
          label: '<div class="gjs-block-label">Dropdown Menu</div>',
          tab: "1",
          category: "Others",
          removable: true,
          draggable: true,
          droppable: true,
          highlightable: true,
          copyable: true,
          editable: true,
          allowSpacing: true,
          type: "default",
          attributes: {
            class: 'fa fa-ellipsis-h',
            title: 'Insert Dynamic Menu of Navigation'  
          },
          content: '<div data-gjs-type="default" class="dropdown"> <span class="dropdown-text">Dropdown </span> <div data-gjs-type="default" data-gjs-editable="true" class="dropdown-menu"> <a href="index.html"> Dropdowm 1 </a> </div> </div>'
        }
      );

It works fine but whenever I try to change the dropdown lists it doesn't applies space. It takes all letters but space is ignored by the editor please help