interact-pevents-05-t

raster image of interact-pevents-05-t

Tests the pointer-events attribute with different 'visible' values

The test is passed if the following conditions are met: - In the first row of squares, the fill and stroke of squares 1 and 3 only must trigger a pale red rectangle to appear over the squares on mouseover. - In the second row of squares, the fill and stroke of squares 1 and 3 only must trigger a pale red rectangle to appear over the squares on mouseover. - In the third row of squares, the fill only of squares 1, 2 and 3 must trigger a pale red rectangle to appear over the squares on mouseover. - In the fourth row of squares, the stroke only of squares 1, 2 and 3 must trigger a pale red rectangle to appear over the squares on mouseover. - In the fifth row of squares, the fill and stroke of squares 1, 2 and 3 must trigger a pale red rectangle to appear over the squares on mouseover.

The 2nd and 3rd columns represent respectively rects with no fill/stroke and transparent fill/stroke. The 4th column (most right column) has a non activatable pointer event as the visibility of the column is set to hidden.

The first row tests the default value for pointer-event, i.e. visible fill and stroke will trigger an event. The second row tests pointer-events="visiblePainted", i.e. visible fill and stroke will trigger an event. The third row tests pointer-events="visibleFill", i.e. visible fill only an event. The fourth row tests pointer-events="visibleStroke", i.e. visible stroke only an event. The fifth row tests pointer-events="visible", i.e. visible fill and stroke will trigger an event.