Opened 7 years ago

Closed 6 years ago

#18242 closed defect (patchwelcome)

on iOS safari, no ellipsis added at the end of truncated heading title

Reported by: Sebastien Brunot Owned by: Ed Chatelain
Priority: undecided Milestone: 1.13
Component: DojoX Mobile Version: 1.9.3
Keywords: Cc:
Blocked By: Blocking:


When running the following example heading on an iPhone on iOS 6.1 or iOS 7:

<div data-dojo-type="" data-dojo-props="label:'AXXXXXXXXXXXXXXXXXXXXXXXXXQAAA'">
    <button data-dojo-type="" data-dojo-props="">Back</button>
    <button data-dojo-type="" data-dojo-props="" style='float:right;'>XXX</button>

The heading title is not properly trimmed and no ellipsis is added (non visible part replaced with "..."): the heading title appear to extend below the toolbar button on the right.

A workaround is to define the following additional CSS rule for the page:

.mblHeadingSpanTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;

Change History (2)

comment:1 Changed 7 years ago by cjolif

Owner: set to Ed Chatelain
Status: newassigned

comment:2 Changed 6 years ago by dylan

Milestone: tbd1.12
Resolution: patchwelcome
Status: assignedclosed

Given that no one has shown interest in creating a patch in more than a year, I'm closing this as patchwelcome. Please let us know if you would like to get involved in helping make this change to Dojo!

Note: See TracTickets for help on using tickets.