Bug Tracker

Modify ↓

Ticket #2760 (closed bug: invalid)

Opened 5 years ago

Last modified 4 years ago

Display problems of loading icons under IE6

Reported by: laxkin Owned by: klaus
Priority: trivial Milestone: 1.2.4
Component: ui Version: 1.2.3
Keywords: Tabs Cc:
Blocking: Blocked by:

Description

There is a visualization bug under IE6 when you are trying to use ajax tabs. See attached image. The solution is use <p> tag instead of <em>: 

Line 487: 
$span.data('label.tabs', $span.html()).html('<em>' + o.spinner + '</em>');

replace to 

Line 487: 
$span.data('label.tabs', $span.html()).html('<p>' + o.spinner + '</p>');

Also you should fix a .css file, replace .ui-tabs-loading em to .ui-tabs-loading p and add padding: 

.ui-tabs-loading p {
    padding-left: 20px;
    background: url(loading.gif) no-repeat 0px 50%;
}

Attachments

ui_tabs_ajax_bug_ie6.gif Download (2.7 KB) - added by laxkin 5 years ago.
IE6 visualization bug

Change History

Changed 5 years ago by laxkin

IE6 visualization bug

comment:1 Changed 5 years ago by paul

  • Owner changed from paul to klaus

comment:2 Changed 4 years ago by klaus

  • Status changed from new to closed
  • Resolution set to invalid

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View ↑

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

Attachments ↑
 
Note: See TracTickets for help on using tickets.