tinymce / tinymce-react

Offical TinyMCE React component
MIT License
959 stars 156 forks source link

menubar not acting like should #480

Closed vicky-conexa closed 7 months ago

vicky-conexa commented 10 months ago

Issue Description:

For some reason, my menubar is not behaving as it should. The menu items lack margin and padding, appearing tightly packed together. I am providing the code and screenshots for reference. I'm working with React + TS and NextJs.

Code:

<Editor apiKey={key} init={{ plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap quickbars emoticons accordion', editimage_cors_hosts: ['picsum.photos'], menubar: 'file edit view insert format tools table', toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap emoticons | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl', autosave_ask_before_unload: true, autosave_interval: '30s', autosave_prefix: '{path}{query}-{id}-', autosave_restore_when_empty: false, autosave_retention: '2m', image_advtab: true, importcss_append: true, file_picker_callback: handleFile, height: 400, language: 'es', image_caption: true, quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable', noneditable_class: 'mceNonEditable', toolbar_mode: 'wrap', contextmenu: 'link image table', branding: false }} onEditorChange={handleEditorChange} value={initialValue} onSaveContent={handleSave} /> Photos

Screenshot 2023-11-16 at 12 58 37
exalate-issue-sync[bot] commented 10 months ago

Internal Ref: INT-3253

danoaky-tiny commented 10 months ago

I can't seem to replicate your problem, see codesandbox. Could you please provide your own Code Sandbox? You can fork the one I linked if you'd like.

github-actions[bot] commented 9 months ago

This issue is stale because it has been open for 30 days with no activity. Respond with a comment or this will be closed in 7 days.

danoaky-tiny commented 9 months ago

Confirmed to be the same bug as #490

danoaky-tiny commented 7 months ago

Confirmed to be fixed in the next release: https://github.com/tinymce/tinymce/pull/9261 You can see for yourself here https://fiddle.tiny.cloud/kyIaYQ3ZnL/3