#6311 closed bug (duplicate)
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 (9)
Changed 10 years ago by
| Attachment: | firefox_3_6.JPG added |
|---|
Changed 10 years ago by
| Attachment: | firefox_3_5_8.JPG added |
|---|
The same screen working on the Firefox 3.5.8
comment:1 Changed 10 years ago by
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.
comment:2 Changed 10 years ago by
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>
comment:3 Changed 10 years ago by
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>
comment:4 Changed 10 years ago by
| Priority: | → undecided |
|---|---|
| Resolution: | → duplicate |
| Status: | new → closed |
Duplicate of #2185.
comment:5 Changed 10 years ago by
html part
<tr id="show2_2" style="display:none;">
<td bgcolor="#e6e6ff">content</td>
</tr>
function{
document.getElementById('show5_1').style.display = 'table-row';
}
comment:6 Changed 10 years ago by
sorry the function will be
function{
document.getElementById('show2_2').style.display = 'table-row';
}
Problem happening on Firefox 3.6