Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
nissy-dev opened this issue May 8, 2024 · 1 comment
Open

Comments

@nissy-dev
Copy link

nissy-dev commented May 8, 2024

📝 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.

@nissy-dev nissy-dev changed the title The status bar is displayed on the far left The resize handle icon of status bar is displayed on the far left May 8, 2024
@nissy-dev nissy-dev changed the title The resize handle icon of status bar is displayed on the far left The resize handle icon of status bar is displayed on the left end May 8, 2024
@MichaelFromin
Copy link

MichaelFromin commented May 23, 2024

This appears to only happen with both in the configuration...

branding: false,
elementpath: false,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants