Skip to content

Commit 51fd006

Browse files
chrisirhcpkozlowski-opensource
authored andcommitted
demo(tooltip): correct usage of anchor element
Tooltips were nested in anchor elements to get the hyperlink styling from Bootstrap. This seems like an odd use of anchor elements and we shouldn't encourage this. Instead, use anchors like actual links that point to nowhere (#). Closes angular-ui#1507 Closes angular-ui#1509
1 parent 278f696 commit 51fd006

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/tooltip/docs/demo.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,22 +8,22 @@
88
<input type="text" ng-model="dynamicTooltip" class="form-control">
99
</div>
1010
<p>
11-
Pellentesque <a><span tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</span></a>,
11+
Pellentesque <a href="#" tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</a>,
1212
sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in
1313
aliquam. Tincidunt lobortis feugiat vivamus at
14-
<a><span tooltip-placement="left" tooltip="On the Left!">left</span></a> eget
14+
<a href="#" tooltip-placement="left" tooltip="On the Left!">left</a> eget
1515
arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur
16-
<a><span tooltip-placement="right" tooltip="On the Right!">right</span></a>
16+
<a href="#" tooltip-placement="right" tooltip="On the Right!">right</a>
1717
nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas
18-
<a><span tooltip-placement="bottom" tooltip="On the Bottom!">bottom</span></a>
18+
<a href="#" tooltip-placement="bottom" tooltip="On the Bottom!">bottom</a>
1919
pharetra convallis posuere morbi leo urna,
20-
<a><span tooltip-animation="false" tooltip="I don't fade. :-(">fading</span></a>
20+
<a href="#" tooltip-animation="false" tooltip="I don't fade. :-(">fading</a>
2121
at elementum eu, facilisis sed odio morbi quis commodo odio. In cursus
22-
<a><span tooltip-popup-delay='1000' tooltip='appears with delay'>delayed</span></a> turpis massa tincidunt dui ut.
22+
<a href="#" tooltip-popup-delay='1000' tooltip='appears with delay'>delayed</a> turpis massa tincidunt dui ut.
2323
</p>
2424

2525
<p>
26-
I can even contain HTML. <a><span tooltip-html-unsafe="{{htmlTooltip}}">Check me out!</span></a>
26+
I can even contain HTML. <a href="#" tooltip-html-unsafe="{{htmlTooltip}}">Check me out!</a>
2727
</p>
2828

2929
<form role="form">

0 commit comments

Comments
 (0)