Closed Bug 292922 Opened 20 years ago Closed 20 years ago

[BC] dynamically setting border of td don't get border style (border width too?)

Categories

(Core :: Layout: Tables, defect)

Product:
Core
Component:
Layout: Tables
Platform:
x86
All
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 258377

People

(Reporter: grant, Unassigned)

References

(
URL
)

Details

(Keywords: qawanted, testcase, Whiteboard: DUP of bug 258377?)

Attachments

(2 files)

Testcase based on reporter's description
1.76 KB, text/html
Details
Reduced testcase trying to modify borderWidth
902 bytes, text/html
Details 
User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.7) Gecko/20050421 Firefox/1.0.3 (Debian package 1.0.3-2)
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.7) Gecko/20050421 Firefox/1.0.3 (Debian package 1.0.3-2)

If you dynamically set the class or id of a TD and that class or id has some
unique border styling through css and the TD is in a TABLE with
style="border-collapse: collapse", the TD will not get the border styling. It
will however get other types of styling from the class such as background-color.
The following HTML demonstrates the problem:

<html>
  <head>
    <style>
      .b {
      background-color: yellow;
      border: 4px solid black;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
	<td class="b">class in html</td>
	<td onclick="this.className= 'b';">Click on me</td>
      </tr>
    </table>

    <table style="border-collapse: collapse;">
      <tr>
	<td class="b">class in html</td>
	<td onclick="this.className= 'b';">Now click on me</td>
      </tr>
    </table>
  </body>
</html>


Reproducible: Always

Steps to Reproduce:
1. Copy the html from the Details section
2. Load it in firefox
3. click where it says to click

Actual Results:  
The TD in the TABLE with style="border-collapse: separate" got the appropriate
styling. The TD in the other table did not.

Expected Results:  
I would expect the TD that I clicked on in the TABLE with
style="border-collapse: collapse" to get a 4px solid black border from the style
rule .b

This happens whether you set the style via the id or className attributes of the TD.
Component: General → Layout: Tables
Product: Firefox → Core
QA Contact: general → layout.tables
Version: unspecified → 1.7 Branch
Instructions: Click the button of the testcase

Expected results: the "test cell" should get a yellow background-color and a
4px solid black border.

Actual results in Mozilla 1.8b2 build 2005050305 under XP Pro: the "test cell"
gets a yellow background-color but does NOT get a 4px solid black border.

Note: MSIE 6, Opera 8 final release, NS 6.2 (rv: 0.9.4) and NS 6.1 (rv: 0.9.2)
render the expected results.
What remains to do now is to search for a possible duplicate...
URL: http://www.gtalbot.org/HTMLJavascript...
Version: 1.7 Branch → Trunk
Summary: dynamically setting class of td in table with style="border-collapse: collapse" don't get border style → [BC] dynamically setting border of td don't get border style (border width too?)
Whiteboard: DUP of bug 258377?
Keywords: qawanted, testcase
This reduced testcase should/would also meet the description in bug 275894 and
bug 258377.

Expected results: the "test cell" border should become 10px wide.

Actual results in Firefox 1.0.3 rv: 1.7.7 and Mozilla 1.8b2 build 2005050305
under XP Pro SP2: no change of test cell's border width.

Note: MSIE 6, Opera 8 final release, NS 6.2 (rv: 0.9.4) and NS 6.1 (rv: 0.9.2)
render the expected results.
Gérard you  are right thats bug 258377

*** This bug has been marked as a duplicate of 258377 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: