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

Mobile: textcolor gets stuck, can't exit control or select black text #5533

Closed
rlf1358 opened this issue Mar 24, 2020 · 4 comments
Closed

Mobile: textcolor gets stuck, can't exit control or select black text #5533

rlf1358 opened this issue Mar 24, 2020 · 4 comments

Comments

@rlf1358
Copy link

rlf1358 commented Mar 24, 2020

tinymce editor mobile ui

  • Cannot select black text after selecting any other color on the slider (slider doesn't move all the way back). Doesn't seem to matter if dragging the knob or just tapping on black.

  • Cannot return to other editor features (or exit the editor), because the color slider overlays them and never goes away, even when tapping on the blank area. Maybe adding a close button to the slider bar would help and be more intuitive way to get back to the other controls.

Tested on Android Chrome: 80.0.3987.149, Operating System: Android 10; Pixel 2 Build QQ2A.200305.002

Sample tinymce config:

{
    theme: 'silver',    
    skin: false,    
    mobile: {
        theme: 'mobile',
        plugins: ['paste', 'link', 'autoresize', 'autolink', 'lists'],
        toolbar: "formatselect | bold italic underline | forecolor backcolor | link unlink | bullist numlist | removeformat"
    },
    content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}',
    selector: '[data-trigger="texteditor"]',
    plugins: ['paste', 'link', 'autoresize', 'autolink', 'spellchecker', 'lists', 'textcolor'],
    block_formats: 'Paragraph=p; Header 1=h1; Header 2=h2; Header 3=h3',
    default_link_target: "_blank",
    min_height: 300,
    toolbar: "formatselect | bold italic underline | forecolor backcolor | link unlink | bullist numlist | 
removeformat",
    menubar: false
}
@lincolndennis
Copy link

Can you confirm exactly which version of TinyMCE you are testing with?

@lnewson
Copy link
Contributor

lnewson commented Mar 31, 2020

It's also worth noting that you appear to be using the legacy mobile theme? That theme has been deprecated now, so we'd suggest upgrading to 5.1.0 or higher and using the silver theme since it's now the recommended/supported mobile theme.

@rlf1358
Copy link
Author

rlf1358 commented Apr 1, 2020

Thanks for the reply. I'm using tinyMCE v5.2.0, but @lnewson is correct that this seems to be related to the legacy mobile theme. I must have overlooked that it was deprecated. I'll be switching to the silver theme, which by the looks of it will have none of these problems (thanks to the horizontal scrolling toolbar and popout color picker).

@tinydylan
Copy link
Contributor

We'll be closing this issue for now. If you encounter any issues like this with the silver theme, please let us know.

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

No branches or pull requests

4 participants