Why is there an uneeded <div>?

Hi!
While trying to incorporate the editor into my application I came across this <div> wrapping the editor.

It is set here

Lines 210 to 216 in dabd034

    
           return React.createElement( 
        
               tag, 
        
               { 
        
                   ...htmlElementProps, 
        
                   ref: this.setRef 
        
               } 
        
           );

It seems rather unneeded and prevents the expansion of the Editor, which I think is not expected behaviour, implied by the CSS set on the jsoneditor class:

I think the rogue div should be removed, what do you think?

+1

Had this problem too. Eventually figured I could set the class name and control it myself with:

<JsonEditor
  ...
  htmlElementProps={{className: 'jsoneditor-container'}}
/>

Or you can change the element type with the tag attribute.

Navigation Menu

Repository navigation

Why is there an uneeded <div>? #52

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

	return React.createElement(
	tag,
	{
	...htmlElementProps,
	ref: this.setRef
	}
	);

Why is there an uneeded <div>? #52

Description

Activity

stevegg commented on May 28, 2021

matburnham commented on Jul 29, 2021

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions