question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to insert text in inline editor on Safari

See original GitHub issue

I initialize my editor with this:

tinyMCE.init({
     selector: `#${tinyMCEEditor.id}`,
     inline: true 
})

Now when i use it in Chrome it works fine. However when i attempt to use it in safari on OSX the following happens:

  • The menu with all the buttons opens
  • The input looks like it’s focused as intended.
  • Typings doesn’t work
  • No caret is shown.

I’m using version 4.4.1 of tinymce. I have tested on safari for OSX 10.10.5 and OSX 10.12. Neither of which are working. Using normal (iframe) mode everything works as intended.

Additionally the example for inline mode on the tinymce webpage works fine.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:2
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

9reactions
evrpresscommented, Oct 16, 2017

Had the same problem and found a CSS rule which may cause the problem. Adding -webkit-user-select: text to the draggable div fixes it for me: http://fiddle.tinymce.com/3Cfaab/15 You may add an !important rule as well. Hope someone finds it useful.

@spocke @wayway @ovcharenkokatia @pribilinskiy

2reactions
ovcharenkokatiacommented, Nov 29, 2016

Hello, I have the same problem. Does anyone find a solution to fix it?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Add and edit cell content in Pages on Mac - Apple Support
Select an object in your document (or another document), or the text that contains an inline object, then choose Edit > Cut or...
Read more >
Use Messages on your Mac - Apple Support
Send a message. Edit or undo a sent message. Add a Tapback or inline reply. Find photos and other attachments from conversations.
Read more >
Place objects with text in Pages on Mac - Apple Support (HK)
Move an inline object to the page · Select an inline object in the document body: Click it. · Select an inline object...
Read more >
Position and align objects in Pages on Mac - Apple Support
To move an inline object outside the text flow, see Move an inline object to the page. Align an object using x and...
Read more >
Editing Code to Change Your Webpage - Apple Developer
This new document explores the many features and capabilities of Web Inspector in a step-by-step tutorial.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found