[wp-trac] [WordPress Trac] #31229: Using TinyMCE Editor Dropdown Menus inside Modals

[WordPress Trac]

#31229: Using TinyMCE Editor Dropdown Menus inside Modals
--------------------------+-----------------------------
 Reporter:  bryanaka      |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  TinyMCE       |    Version:  4.1
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 The modal (for example, the image modal from the media library ".media-
 modal") has a z-index of 160000. The dropdown menu's in TinyMCE, such as
 the color picker, have a z-index value of 100100. set here -

 [https://github.com/WordPress/WordPress/blob/efe8fd4694ce1d5252af9856b2bfac396e76c8f9
 /wp-includes/js/tinymce/plugins/wordpress/plugin.js#L4]

 This basically leaves any of TinyMCE's float-panels unusable inside a
 modal.

 It seems to me that the natural hierarchy of layering would be dropdowns
 and tooltips on top always, then modals, then masks, and finally
 everything else. This would make sure layering just works.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31229>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform