Ggtcf

Are small insurances worth it?

Finding the minimum value of a function without using Calculus

(Codewars) Linked Lists-Sorted Insert

Automaton recognizing ambiguously accepted words of another automaton

Having the player face themselves after the mid-game

Is it possible to clone a polymorphic object without manually adding overridden clone method into each derived class in C++?

When an outsider describes family relationships, which point of view are they using?

Trocar background-image com delay via jQuery

Why is there an extra space when I type "ls" on the Desktop?

Can the Witch Sight warlock invocation see through the Mirror Image spell?

Is "cogitate" used appropriately in "I cogitate that success relies on hard work"?

How do I raise a figure (placed with wrapfig) to be flush with the top of a paragraph?

What should I do when a paper is published similar to my PhD thesis without citation?

Either of .... (Plural/Singular)

Did Amazon pay $0 in taxes last year?

How to copy the rest of lines of a file to another file

Would those living in a "perfect society" not understand satire

Has a sovereign Communist government ever run, and conceded loss, on a fair election?

-1 to the power of a irrational number

What was so special about The Piano that Ada was willing to do anything to have it?

What is the purpose of a disclaimer like "this is not legal advice"?

Should we avoid writing fiction about historical events without extensive research?

If sound is a longitudinal wave, why can we hear it if our ears aren't aligned with the propagation direction?

PTIJ: Sport in the Torah

Can you detect attribute changes to googleAutoComplete results via a mutationObserver?

-1

I'm using a mutationObserver to watch for changes to a google autoComplete search result. I'm wondering if it's possible to watch for on the fly changes that occur when the user is using the arrow keys to navigate through the results.

This is the function that gets called when the input value changes:

 _getSearchResults() 
 this.MutationObserver = new MutationObserver(mutations => 
 mutations.map(mutation => 
 const childElementCount = mutation.target.childElementCount;
 this.props.searchResultCallback(childElementCount);
 this.MutationObserver.disconnect();
 );
 );


 if (this.googleSearchContainer) 
 this.MutationObserver.observe(this.googleSearchContainer, 
 childList: true,
 subtree: true
 );
 
 

This works great for when the length of the childNodes changes - but can you cause the mutationObserver to fire when a style or class changes on the highlighted search result?

Is what causes a search result to have a grey background the results of a class change? If so, what is the name of that class?
It's difficult to detect since the autoComplete disappears when you inspect the browser.

javascript google-maps autocomplete mutation-observers

share|improve this question

edited Mar 6 at 23:33

zero_cool

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  please describe why there's a downvote - will help us both - thanks :)
  
  – zero_cool
  Mar 6 at 22:34
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Inspect the difference between the states you need to detect in devtools. It could be an attribute e.g. class or style, in which case you can add another observer with attributes: true, attributeFilter: ['class', 'style'] and check the target's attributes in the callback.
  
  – wOxxOm
  2 days ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'll give that a shot - thank you :)
  
  – zero_cool
  2 days ago
  

  
  
  
  

add a comment | 

-1

I'm using a mutationObserver to watch for changes to a google autoComplete search result. I'm wondering if it's possible to watch for on the fly changes that occur when the user is using the arrow keys to navigate through the results.

This is the function that gets called when the input value changes:

 _getSearchResults() 
 this.MutationObserver = new MutationObserver(mutations => 
 mutations.map(mutation => 
 const childElementCount = mutation.target.childElementCount;
 this.props.searchResultCallback(childElementCount);
 this.MutationObserver.disconnect();
 );
 );


 if (this.googleSearchContainer) 
 this.MutationObserver.observe(this.googleSearchContainer, 
 childList: true,
 subtree: true
 );
 
 

This works great for when the length of the childNodes changes - but can you cause the mutationObserver to fire when a style or class changes on the highlighted search result?

Is what causes a search result to have a grey background the results of a class change? If so, what is the name of that class?
It's difficult to detect since the autoComplete disappears when you inspect the browser.

javascript google-maps autocomplete mutation-observers

share|improve this question

edited Mar 6 at 23:33

zero_cool

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  please describe why there's a downvote - will help us both - thanks :)
  
  – zero_cool
  Mar 6 at 22:34
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Inspect the difference between the states you need to detect in devtools. It could be an attribute e.g. class or style, in which case you can add another observer with attributes: true, attributeFilter: ['class', 'style'] and check the target's attributes in the callback.
  
  – wOxxOm
  2 days ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I'll give that a shot - thank you :)
  
  – zero_cool
  2 days ago
  

  
  
  
  

add a comment | 

I'm using a mutationObserver to watch for changes to a google autoComplete search result. I'm wondering if it's possible to watch for on the fly changes that occur when the user is using the arrow keys to navigate through the results.

This is the function that gets called when the input value changes:

 _getSearchResults() 
 this.MutationObserver = new MutationObserver(mutations => 
 mutations.map(mutation => 
 const childElementCount = mutation.target.childElementCount;
 this.props.searchResultCallback(childElementCount);
 this.MutationObserver.disconnect();
 );
 );


 if (this.googleSearchContainer) 
 this.MutationObserver.observe(this.googleSearchContainer, 
 childList: true,
 subtree: true
 );
 
 

This works great for when the length of the childNodes changes - but can you cause the mutationObserver to fire when a style or class changes on the highlighted search result?

Is what causes a search result to have a grey background the results of a class change? If so, what is the name of that class?
It's difficult to detect since the autoComplete disappears when you inspect the browser.

javascript google-maps autocomplete mutation-observers

share|improve this question

edited Mar 6 at 23:33

zero_cool

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

 _getSearchResults() 
 this.MutationObserver = new MutationObserver(mutations => 
 mutations.map(mutation => 
 const childElementCount = mutation.target.childElementCount;
 this.props.searchResultCallback(childElementCount);
 this.MutationObserver.disconnect();
 );
 );


 if (this.googleSearchContainer) 
 this.MutationObserver.observe(this.googleSearchContainer, 
 childList: true,
 subtree: true
 );
 
 

share|improve this question

edited Mar 6 at 23:33

zero_cool

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

share|improve this question

edited Mar 6 at 23:33

zero_cool

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925

asked Mar 6 at 22:23

zero_coolzero_cool

1,53911925