I have a rather peculiar issue with the way tag is handled in Firefox. I currently have a Richfaces component , which is a tinyMCE object and HTML is what's expected to be its content. But what I usually have there is a simple text, mixed with what I call "placeholders". These "placeholders" are read-only objects that the user cannot change, he can only delete them (and only with one click of a backspace or a delete key). So, in the end, that's what the sample might look like:
This is the text that contains info about a certain
person, <span contenteditable="false" style="color: grey; font-weight: bold;" class="placeholder ui-draggable" unselectable="ON">[Person Name]</span>,
and will be updated further down the road.
In IE it works fine, but when it comes to Firefox - the object becomes editable and selectable, which kind of defeats the purpose of having it there. I was able to make it at least non-selectable, using "-moz-user-select:none;" style attribute, but the user can still edit it (like partially delete it, using backspace key) and it still doesn't work on Safari. It almost seems like attributes "contenteditable" and "unselectable" don't even work on non-IE browsers.
Does anyone have any idea on how to fix that? I'm slowly running out of ideas.
Thanks in advance
