The resize handle icon of status bar is displayed on the left end

📝 Provide detailed reproduction steps (if any)

The demo for reproduction is https://fiddle.tiny.cloud/ExdwxKDIVK/1

<script type="text/javascript">
tinymce.init({
  selector: "textarea",
  plugins: 'autolink link table lists',
  toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
  statusbar: true,
  branding: false,
  elementpath: false,
  resize: 'both',
});
</script>

<form method="post" action="/dump">
    <textarea name="content"></textarea>
</form>

SS_ 2024-05-08 12 11 39

✔️ Expected result

The resize handle icon of status bar is displayed on the right end.

❌ Actual result

The resize handle icon of status bar is displayed on the left end.

❓ Possible solution

I seem this regression is introduced by changing the margin-left value of .tox-statusbar__resize-handle class in 54b27e6. The value was auto, so we may need to keep this value.

📃 Other details

  • Browser: Every Browser

If you'd like to see this fixed sooner, add a 👍 reaction to this post.