Opened 5 years ago

Closed 4 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:

Description

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

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

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 5 years ago by cjolif

Owner: set to Ed Chatelain
Status: newassigned

comment:2 Changed 4 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.