Ticket #13610 (confirmed Bug)

Opened 3 years ago

Last modified 3 years ago

Folder contents drag and drop handle does not render in all browsers

Reported by: danjacka Owned by:
Priority: minor Milestone: 4.x
Component: JavaScript Version: 4.3
Keywords: Cc:

Description (last modified by danjacka) (diff)

Plone 4.3 accessed from Chrome 27 on Windows 7.

The folder_contents drag and drop handle appears as in the attached screenshot.

Debugging, plone_ecmascript/dragdropreorder.js sets the character to ⣿ a braille symbol (NB the code was added in p.a.kss originally -  https://github.com/plone/plone.app.kss/commit/e6e8408e699a6be5a3613641d0a493f900caba2b).

 http://www.htmlescape.net/28/unicode_char_28ff.html

That character is not in Arial. When a character is not in a font, browsers use fallback fonts. Firefox, IE9, etc. successfully find a renderable character, but other browsers don't.

 http://www.cs.tut.fi/~jkorpela/html/characters.html

What to do? It would be nice to have td.draggingHook use a font-family that contains the symbol, but I haven't been able to track one down.

For now I am adding to my theme's JavaScript $('td.draggingHook').html('::');

Attachments

chrome.png Download (4.7 KB) - added by danjacka 3 years ago.
folder_contents in Chrome 27

Change History

Changed 3 years ago by danjacka

folder_contents in Chrome 27

comment:1 Changed 3 years ago by danjacka

  • Description modified (diff)

comment:2 Changed 3 years ago by danjacka

Seems to be OS-dependent. OSX + Chrome does not exhibit this issue, presumably <guess>because whatever font Chrome falls back to on OSX does contain the desired character.</guess>

comment:3 Changed 3 years ago by kleist

  • Status changed from new to confirmed
  • Component changed from Unknown to JavaScript

I've seen this anomaly too, using Chrome on Windows.

Note: See TracTickets for help on using tickets.