New issue
Advanced search Search tips

Issue 609113 link

Starred by 5 users

Issue metadata

Status: Duplicate
Merged: issue 293948
Owner: ----
Closed: May 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug

Blocked on:
issue 59906



Sign in to add a comment

Textarea resizing does not produce MutationObserver records

Reported by sergio.g...@gmail.com, May 4 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36

Steps to reproduce the problem:
1. Create a textarea
2. Create a MutationObserver to listen for attribute changes
3. Resize textarea

What is the expected behavior?
textarea.style.width and textarea.style.height are changed so an attribute mutation record should be delivered to the observer.

What went wrong?
The textarea.style.width and textarea.style.height are changed but no mutation records are delivered to the mutation observer.

Attached simple test case

Did this work before? N/A 

Chrome version: 50.0.2661.94  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 21.0 r0

This works fine in Firefox. Mutation records are delivered correctly.
 
textarea.html
508 bytes View Download

Comment 1 by ibc@aliax.net, May 4 2016

BTW it does work in Firefox.
Blockedon: 59906
Components: -Blink Blink>DOM
a variant of  bug 59906 ?

Comment 4 by tkent@chromium.org, May 6 2016

Mergedinto: 293948
Status: Duplicate (was: Unconfirmed)
Sorry, this is not a duplicated bug of https://bugs.chromium.org/p/chromium/issues/detail?id=59906

59906 is about DOM Mutation Evens, and this is about MutationObserver.

Aslo, inline style changes for textarea works perfectly with MutationObserver, only the changes made by the browser when resizing are not generating a mutation record.

I mean, this works:

var mo = new MutationObserver (function (mutations) {
	console.log("mutations",mutations);
});
mo.observe(document.documentElement,{
	attributes: true,
	childList: true,
	characterData: true,
	subtree: true
});
     
setTimeout(function(){
        console.log("Changing textarea style");
        document.getElementsByTagName("textarea")[0].style.width = "800px";
},5000);


http://jsbin.com/dupikanasi/edit?html,console,output




Sign in to add a comment