search

jodit / jodit-react

React wrapper for Jodit
MIT License
363 stars 120 forks source link

I have issue with the toolbar loaded in multiple lines #203

Closed angela318 closed 2 years ago

angela318 commented 2 years ago

When I try to experiment with jodit-react with the following code, my toolbar looks like below, in multiple lines I don't see anyone else facing the same issue, so I wonder what could be wrong, can anyone share some ideas? 

<div className="mx-auto sm:max-w-screen lg:max-w-7xl">
      <JoditEditor
        value={this.content}
        tabIndex={1}
        onChange={value => this.content = value}
      />
 </div>
image
angela318 commented 2 years ago

Issue root caused. I just found out there is a conflict in another css where it configure .div to width 100%. so it cause the jodit-ui-separator class to be a new line.

Will close the issue now. thanks