animate-interact-pevents-03-t.svg

Slowly move the mouse over the rectangles in each row while checking the pass criteria.

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.

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

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.