Side navigation
#6311 closed bug (duplicate)
Opened March 18, 2010 02:43PM UTC
Closed October 04, 2010 09:37PM UTC
Last modified March 14, 2012 01:17AM UTC
Problem with table row show / hide on firefox3.6
| Reported by: | fernando | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | 1.4.3 |
| Component: | misc | Version: | 1.4.2 |
| Keywords: | Problem with table row show/hide on firefox3.6 | Cc: | |
| Blocked by: | Blocking: |
Description
Hello
We have a table with some lines are hide. The user has the option, trough a link, show them. It was working until the last Firefox upgrade. We are using the show effect to display the hide rows.
On the Firefox 3.6, after call the show method ($(".cls_receita").show()), the css attribute "display" is setted as "block". In all of other browser, this property is setted as "table-row".
When the property is setted as "block" all line (<tr>) is display on a unique column. That can be seen on the attached files, one of them on the Firefox 3.6 and another on the Firefox 3.5.8.
Thank you.
Attachments (2)
Change History (7)
Changed March 29, 2010 09:50PM UTC by comment:1
Changed April 26, 2010 09:58PM UTC by comment:2
Need a reduced test case... I tried the following in FF 3.6.3 and it worked fine, viewing selection source revealed an inline table-row display value.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function () {
$('#something tr').hide().show();
});
</script>
</head>
<body>
<table id="something">
<tbody>
<tr><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr><td>foo</td></tr>
</tbody>
</table>
</body>
</html>
Changed May 19, 2010 04:00PM UTC by comment:3
The problem occurs when a row is cloned, hidden, appended to a parent, and then shown. Code below.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
row = $('#something tr')
row.clone().hide().appendTo(row.parent()).show();
});
</script>
</head>
<body>
<table id="something">
<tbody>
<tr>
<td>
foo
</td>
</tr>
<tr>
<td>
foo
</td>
</tr>
<tr>
<td>
foo
</td>
</tr>
</tbody>
</table>
</body>
</html>
Changed October 04, 2010 09:37PM UTC by comment:4
| priority: | → undecided |
|---|---|
| resolution: | → duplicate |
| status: | new → closed |
Duplicate of #2185.
Changed November 29, 2010 09:11AM UTC by comment:5
html part
<tr id="show2_2" style="display:none;">
<td bgcolor="#e6e6ff">content</td>
</tr>
function{
document.getElementById('show5_1').style.display = 'table-row';
}
Changed November 29, 2010 09:12AM UTC by comment:6
sorry the function will be
function{
document.getElementById('show2_2').style.display = 'table-row';
}
I had this issue in Firefox 3.6, jquery 1.4.2, on a span element within a td element.
If I call $('<span></span>').hide().show(), the span tag has the attribute style="display: block;". However, if I set an in-line display style like $('<span></span>').css('display','inline').hide().show(), it behaves correctly according to the API description.