Bug 274744

Summary:

transform matrix3d has a disco nightclub behavior

Product:

WebKit

Reporter:

Karl Dubost <karlcow>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

koivisto, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Other

Hardware:

Unspecified

OS:

Unspecified

URL:

https://codepen.io/webcompat/pen/Povbwwa

Attachments:

Description	Flags
recording of the effect	none

Description Karl Dubost 2024-05-27 00:42:23 PDT

<div class="container">
  <div id="test">200x200</div></div>

with 

body {  
  margin:0;
  padding:0;
  }

.container {
  margin: 10px;
  outline: 4px solid pink;
  width: 200px;
  height: 200px;}

#test {
  width: 200px;
  background-color: gold;
  height: 200px;}

/*transforms*/

#test {
  transform:
     matrix3d(1, 1, 1, 1,
             1, 1, 1, 1,
             1, 1, 1, 1,
             1, 1, 1, 1);
     
}


1. Go to https://codepen.io/webcompat/pen/Povbwwa
2. Resize the viewport of the test, and it flashes gold in all directions.

Comment 1 Karl Dubost 2024-05-27 00:42:59 PDT

Created attachment 471519 [details]
recording of the effect

The disco part

Comment 2 Radar WebKit Bug Importer 2024-05-27 00:45:16 PDT

<rdar://problem/128783333>

Comment 3 Karl Dubost 2024-05-27 00:46:04 PDT

This was tested with STP Release 191 (Safari 17.4, WebKit 619.1.6.3)

on Firefox and Chrome, nothing appears at all.