23466 2013-10-09 05:56:43 +0000 CSS3 scale transform should update an element's getComputedStyle's width/height 2013-10-09 09:59:53 +0000 1 1 1 Unclassified CSS Transforms unspecified PC Windows NT RESOLVED INVALID P2 normal --- 1 chenzx smfr ayg cmarrin dino dschulze eoconnor smfr public-css-bugzilla oldest_to_newest 94487 0 1407 chenzx 2013-10-09 05:56:43 +0000 Created attachment 1407 Test case for this bug, after setting new scale and clicking update button, getComputedStyle's width/height should be updated During recent project dev. on a image preview box control, i have found that CSS3 transform doesn't update element's widht/height(by getComputedStyle) But this is NOT reasonable. 94488 1 chenzx 2013-10-09 05:57:54 +0000 Also submitted to https://bugzilla.mozilla.org/show_bug.cgi?id=924752 94491 2 dschulze 2013-10-09 09:59:53 +0000 (In reply to Chen Zhixiang from comment #1) > Also submitted to https://bugzilla.mozilla.org/show_bug.cgi?id=924752 Thanks for your report. CSS Transforms does not influence page layout. Therefore, all information about layout that you get do not reflect any kind of transforms. However, we are working on APIs that give you access to the transform data and let you get the transformed information with CSSOM View. This is not in the scope of CSS Transforms Level 1 though. 1407 2013-10-09 05:56:43 +0000 2013-10-09 05:56:43 +0000 Test case for this bug, after setting new scale and clicking update button, getComputedStyle's width/height should be updated index.html text/html 1232 chenzx PGh0bWw+DQo8aGVhZD4NCjxzdHlsZT4NCiN3cmFwcGVyew0KICAgIG92ZXJmbG93OmF1dG87DQog ICAgYm9yZGVyOiAxcHggc29saWQgYmx1ZTsNCiAgICB3aWR0aDogNDAwcHg7DQogICAgaGVpZ2h0 OiA0MDBweDsNCn0NCiNpbWdBew0KICAgIHBvc2l0aW9uMTogYWJzb2x1dGU7DQogICAgd2lkdGg6 YXV0bzsNCiAgICBoZWlnaHQ6YXV0bzsNCiAgICBsZWZ0OiAtMTM0cHg7DQogICAgdG9wOiAtMjIw cHg7DQogICAgLXdlYmtpdC10cmFuc2Zvcm06IG1hdHJpeCgwLjcsIDAsIDAsIDAuNywgMCwgMCk7 DQp9DQo8L3N0eWxlPg0KPHNjcmlwdD4NCmZ1bmN0aW9uIHVwZGF0ZVNjYWxlKCl7DQogICAgdmFy IHNjYWxlID0gTnVtYmVyKGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJzY2FsZUlucHV0IikudmFs dWUpOw0KICAgIHZhciBpbWdBID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImltZ0EiKTsNCiAg ICBpbWdBLnN0eWxlLndlYmtpdFRyYW5zZm9ybSA9ICJtYXRyaXgoIitzY2FsZSsiLDAsMCwiK3Nj YWxlKyIsMCwwKSI7DQogICAgaW1nQS5zdHlsZS50cmFuc2Zvcm0gPSAibWF0cml4KCIrc2NhbGUr IiwwLDAsIitzY2FsZSsiLDAsMCkiOw0KICAgIGNvbnNvbGUubG9nKGltZ0FDb21wdXRlZFN0eWxl KTsNCiAgICBjb25zb2xlLmxvZyhpbWdBQ29tcHV0ZWRTdHlsZS53aWR0aCsiLCIraW1nQUNvbXB1 dGVkU3R5bGUuaGVpZ2h0KTsNCn0NCjwvc2NyaXB0Pg0KPC9oZWFkPg0KPGJvZHk+DQo8ZGl2IGlk PSJ3cmFwcGVyIj4NCjxpbWcgaWQ9ImltZ0EiIHNyYz0iYS5qcGciLz4NCjwvZGl2Pg0KDQo8ZGl2 IHN0eWxlPSJwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjUwMHB4OyI+DQo8aW5wdXQgdHlw ZT10ZXh0IGlkPSJzY2FsZUlucHV0IiB2YWx1ZT0iMS4wIi8+DQo8aW5wdXQgdHlwZT1idXR0b24g b25jbGljaz0idXBkYXRlU2NhbGUoKTsiIHZhbHVlPSJVcGRhdGUiLz4NCjwvZGl2Pg0KDQo8c2Ny aXB0Pg0KdmFyIGltZ0EgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiaW1nQSIpOw0KdmFyIGlt Z0FDb21wdXRlZFN0eWxlID0gZG9jdW1lbnQuZGVmYXVsdFZpZXcuZ2V0Q29tcHV0ZWRTdHlsZShp bWdBLCBudWxsKTsNCmNvbnNvbGUubG9nKGltZ0FDb21wdXRlZFN0eWxlKTsNCmNvbnNvbGUubG9n KGltZ0FDb21wdXRlZFN0eWxlLndpZHRoKyIsIitpbWdBQ29tcHV0ZWRTdHlsZS5oZWlnaHQpOw0K PC9zY3JpcHQ+DQoNCg0KPC9ib2R5Pg0KPC9odG1sPg0KDQo=