Receive “menu-toogle” event from section menu in customizer

So far the only solution I’ve come up with is creating a function that postMessages
the event into the iframe (using customize_controls_enqueue_scripts hook).

As for the receiver in iframe (hooked on customize_preview_init hook) I think it could still need some optimization because I’m getting a weird issue with window.addEventListener('message',* getting some duplicate on customizer loading..

But probably it’s the way it’s supposed to work since i’m using the customize_preview_init hook twice.

Since I feel their might be better ways any feedback or comment is welcome_

Related Posts:

  1. Customizer JS API
  2. Is it Possible to Extend WP Customize JS Methods?
  3. wp.customize.bind ready event not fired
  4. Detecting WordPress Customizer Panel
  5. WP Customizer set a value via javascript (to create presets)
  6. wp_customize_support_script – do I need it?
  7. Customizer – instantiating settings and controls via javascript
  8. Customizer JS API: Defining control settings
  9. Customizer JS API: Adding Setting Dynamically Not Working
  10. Customizer: When to use customize_preview_init VS customize_controls_enqueue_scripts
  11. How to overwrite JS variable with wp_localize _script?
  12. Theme Customiser not live previewing changes on pseudo elements
  13. the Customizer – proper way to instantiate an image upload control via javascript
  14. Preserve Javascript Through Customizer Preview Navigation
  15. How to check if customize previewer is refreshing?
  16. JavaScript in WordPress Customizer
  17. Customizer JS API: Adding a “dropdown-pages” control
  18. Accessing customizer values in javascript
  19. Running JS after theme customizer finished initialization
  20. customize_preview_init: listening for any changes from Customizer preview area
  21. How to conditionally show/hide controls & sections in WordPress customizer?
  22. Multiple Conditional Controllers
  23. WordPress customizer get control
  24. Using webpack to add customizer live preview functionality – wp.customize is not a function
  25. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  26. Get a default value of the Customizer setting using wp.customize API (JS)
  27. How to add customizer control via javascript ( wp.customizer.control.add )
  28. Load page in customizer preview on panel click?
  29. Customizer JS API: Defining active_callback for a section
  30. Adding Code into Theme Customizer Header
  31. Custom JS text area in customizer is being formatted wrong in document
  32. customize-controls.js – extend api.previewer
  33. Multiple jQuery inputs or binds in Customizer Control Javascripts
  34. Show sections based on a control in WordPress Customizer using JS API
  35. How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
  36. LayersWP Customizer White Blank Screen
  37. Get a default customizeAction text for a section using Customizer JS API
  38. How to get all place details from a Place Details Request using Google Places API Web Service?
  39. How do I check whether a checkbox is checked in jQuery?
  40. SyntaxError: Unexpected token o in JSON at position 1
  41. What does the function then() mean in JavaScript?
  42. Heroku: “No default language could be detected for this app” error thrown for node app
  43. Loop inside React JSX
  44. Can’t resolve module (not found) in React.js
  45. Is there a difference between /\s/g and /\s+/g?
  46. Setting a backgroundImage With React Inline Styles
  47. Filter array to have unique values
  48. How do I chop/slice/trim off last character in string using Javascript?
  49. Format JavaScript date as yyyy-mm-dd
  50. Programmatically change the src of an img tag
  51. Unable to preventDefault inside passive event listener
  52. JavaScript variable assignments from tuples
  53. jQuery $.cookie is not a function
  54. Setting background-image using jQuery CSS property
  55. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  56. How do I check if string contains substring?
  57. What does “export default” do in JSX?
  58. Cannot find module ‘internal/fs’ after upgrading to node 7
  59. How can I select an element by name with jQuery?
  60. How can I group data with an Angular filter?
  61. TypeError: ‘undefined’ is not an object
  62. Uncaught TypeError: Cannot read property ‘appendChild’ of null
  63. javascript setTimeout() not working
  64. JQuery issue “TypeError: $.getJSON is not a function”
  65. Retrieve the position (X,Y) of an HTML element
  66. command not found: jest
  67. How to access Session variables and set them in javascript?
  68. Google Maps JS API v3 – Simple Multiple Marker Example
  69. HTML onchange (this.value)
  70. socket.io – ReferenceError: io is not defined
  71. What is the difference D3 datum vs. data?
  72. How to check if a number is between two values?
  73. How to determine if Javascript array contains an object with an attribute that equals a given value?
  74. Error: Couldn’t find preset “es2015” relative to directory “/Users/username”
  75. Using Angular 2 without TypeScript Transpiler
  76. How to intercept already localized scripts
  77. How to get the ToggleControl Gutenberg component working for a PHP Block
  78. How to append a URL parameter to all outbound URLs
  79. Javascript Helpers
  80. Rest API invalid nonce with Backbone Client
  81. Gutenberg block “This block appears to have been modified externally” on save
  82. site identity section name?
  83. Enqueue script if screen is greater than 500
  84. window.send_to_editor throws unterminated string literal error when adding image with multi line description
  85. Gutenberg get core data – search
  86. How to use Readmore.js? [closed]
  87. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  88. Gutenberg richtext block vaildation failed
  89. Return ‘X-WP-Total’ from headers in response
  90. Javascript asset not enqueuing with the rest
  91. Load content dynamically & resize event
  92. Taxonomy Template displaying different color post tag js
  93. Defer Parsing of “createjs.min.js” not working
  94. Why doesn’t my JS script load?
  95. Javascript Injection on my WordPress Site
  96. WordPress Gutenberg Ajax request
  97. how to refresh page after user logout with ‘wp_logout_url’?
  98. Trigger a function during onload
  99. Google AdSense Ad not showing up in WordPress Blog [closed]
  100. Use add_action to run a script, but only on the post editor page