<div style="font-family: 'verdana'; font-size: 12px; color: #000;">I wonder if we want to implement something similar in the TabPaneSkin as we did for the TableColumnHeader Column Menu.</div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;">See also: <a href="https://bugs.openjdk.org/browse/JDK-8091153" target="_blank" rel="noopener noreferrer">https://bugs.openjdk.org/browse/JDK-8091153</a> and the PR: <a href="https://github.com/openjdk/jfx/pull/1135" target="_blank" rel="noopener noreferrer">https://github.com/openjdk/jfx/pull/1135</a></div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;">In a former PR, I made the creation of the menu lazily, so if the <strong>showColumnMenu(..)</strong> method is overridden, no resources and listener will ever be created/used for the JavaFX Column Menu.</div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;"> </div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;">If we would do the same in TabPaneSkin, then everyone can create an implementation where the whole logic is up to the developer - showing a custom menu, something else, or nothing.</div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;"> </div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;">-- Marius</div>
<div style="font-family: 'verdana'; font-size: 12px; color: #000;"><span style="background-color: rgb(255, 255, 255);"> </span></div>
<div id="sub-body-container" style="margin: 10px 5px 5px 10px; padding: 10px 0px 10px 10px; border-left: 2px solid rgb(195, 217, 229);">
<div style="margin: 0px 0px 10px;">
<div><strong>Gesendet: </strong>Mittwoch, 9. April 2025 um 20:25</div>
<div><strong>Von: </strong>"Andy Goryachev" <andy.goryachev@oracle.com></div>
<div><strong>An: </strong>"Cormac Redmond" <credmond@certak.com></div>
<div><strong>CC: </strong>"openjfx-dev@openjdk.org" <openjfx-dev@openjdk.org></div>
<div><strong>Betreff: </strong>Re: [External] : Re: TabPane overflow menu showing blanks</div>
</div>
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">No problem, Cormac, and thank you for suggestions!  I guess you will be volunteering for the code review?  (No promises as to when this feature will be available though).</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">Speaking of the disabling the overflow menu: this may not be a good idea from the accessibility perspective, but the idea of menu item factory looks quite promising.  Since we are on the subject, there is one more possibility - Tab::setGraphicProvider(Supplier<Node>) instead of a menu item factory, in addition to the existing Tab::setGraphic(Node).  Might be less flexible as one won't be able to create custom menu items.  Just a thought.</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">-andy</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<div id="mail-editor-reference-message-container">
<div>
<div>
<div style="border: none; border-top: solid rgb(181,196,223) 1.0pt; padding: 3.0pt 0.0in 0.0in 0.0in;">
<p class="MsoNormal" style="margin-bottom: 12.0pt;"><strong><span style="color: black;">From: </span></strong><span style="color: black;">Cormac Redmond <credmond@certak.com><br><strong>Date: </strong>Tuesday, April 8, 2025 at 15:49<br><strong>To: </strong>Andy Goryachev <andy.goryachev@oracle.com><br><strong>Cc: </strong>openjfx-dev@openjdk.org <openjfx-dev@openjdk.org><br><strong>Subject: </strong>[External] : Re: TabPane overflow menu showing blanks</span></p>
</div>
<div>
<div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">Hi Andy,</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">Thank you for your reply. </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">That sounds good, re: a menu item factory. E.g., give the devs full control.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">I think the ability to disable it (or have it disabled by default) would be good too: a dev might not <em>care</em> about supporting the menu items in many cases. E.g., if a TabPane only has three (graphic-based) tabs, and the user decides to resize the window to something unusually small, then who cares if they can't traverse the tabs, at that size? Nobody realistically expects to be able in such a scenario anyway, and it's better to have no menu than a buggy one. </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">I don't like the fact that, today, TabPane's menu can misbehave and nobody would know it's going to happen really. I think TabPane should throw an exception (or log a warning) when it receives nodes it knows it will not be able to use in the menu; especially given the menu is always-on.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">I think a good overall solution would be:</span></p>
</div>
<div>
<p class="MsoNormal" style="margin-left: 47.25pt; text-indent: -0.25in;"><span style="font-family: Verdana , sans-serif;">1.<span style="font: 7.0pt 'Times New Roman';">   </span></span><span style="font-family: Verdana , sans-serif;">a menu factory</span></p>
<p class="MsoNormal" style="margin-left: 47.25pt; text-indent: -0.25in;"><span style="font-family: Verdana , sans-serif;">2.<span style="font: 7.0pt 'Times New Roman';">   </span></span><span style="font-family: Verdana , sans-serif;">make the menu optional for those who don't care</span></p>
<p class="MsoNormal" style="margin-left: 47.25pt; text-indent: -0.25in;"><span style="font-family: Verdana , sans-serif;">3.<span style="font: 7.0pt 'Times New Roman';">   </span></span><span style="font-family: Verdana , sans-serif;">log warnings when a tab's header node will not be displayable in a menu (i.e., if the dev hasn't provided a factory and the default "menu factory" knowingly cannot handle it)</span></p>
<p class="MsoNormal" style="margin-left: 83.25pt; text-indent: -0.25in;"><span style="font-family: Verdana , sans-serif;">1.<span style="font: 7.0pt 'Times New Roman';">   </span></span><span style="font-family: Verdana , sans-serif;">Not really sure how JFX folks feel about logging warnings, I note it's minimal today in general, and probably for good reason (e.g., where do you draw the line in the sand about what should be logged vs. not)</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">Anyway, I think the above will be achievable without any breaking / functionality changes...?</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">Kind Regards,</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">Cormac</span></p>
</div>
</div>
</div>
<p class="MsoNormal"> </p>
<div>
<div>
<p class="MsoNormal">On Mon, 7 Apr 2025 at 17:59, Andy Goryachev <<a href="mailto:andy.goryachev@oracle.com" target="_blank" rel="noopener noreferrer">andy.goryachev@oracle.com</a>> wrote:</p>
</div>
<blockquote style="border: none; border-left: solid rgb(204,204,204) 1.0pt; padding: 0.0in 0.0in 0.0in 6.0pt; margin-left: 4.8pt; margin-right: 0.0in;">
<div>
<div>
<div>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">All very good points, thank you for this writeup!</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">This discussion relates to <a href="https://bugs.openjdk.org/browse/JDK-8353599" target="_blank" rel="noopener noreferrer">https://bugs.openjdk.org/browse/JDK-8353599</a> .  I've been thinking how to handle this issue, and I am leaning to agree with the suggestion proposed in the ticket (some sort of menu item factory).</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">The current "hacky" solution not obviously fails, but also not scalable - I can see developers wanting to place a Canvas, a Path, a Pane, or any other kind of Node and it would be nearly impossible to "clone" these in a maintainable manner.  With a menu item factory, however, the effort will be shifted on the application dev with a very simple solution.</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">The other solution that does not involve a new API would be to limit the overflow menu to only list the tabs that are hidden - in this case the graphics Nodes can be reused by the menu items.  The problem with that approach is the overflow menu logic becomes more complicated, to handle the case when menus are hidden on both ends.</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">What do you think?</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';">-andy</span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<p class="MsoNormal"><span style="font-size: 11.0pt; font-family: 'Iosevka Fixed SS16';"> </span></p>
<div id="m_-5619657704761886284mail-editor-reference-message-container">
<div>
<div>
<div style="border: none; border-top: solid rgb(181,196,223) 1.0pt; padding: 3.0pt 0.0in 0.0in 0.0in;">
<p class="MsoNormal" style="margin-bottom: 12.0pt;"><strong><span style="color: black;">From: </span></strong><span style="color: black;">openjfx-dev <<a href="mailto:openjfx-dev-retn@openjdk.org" target="_blank" rel="noopener noreferrer">openjfx-dev-retn@openjdk.org</a>> on behalf of Cormac Redmond <<a href="mailto:credmond@certak.com" target="_blank" rel="noopener noreferrer">credmond@certak.com</a>><br><strong>Date: </strong>Friday, April 4, 2025 at 17:00<br><strong>To: </strong><a href="mailto:openjfx-dev@openjdk.org" target="_blank" rel="noopener noreferrer">openjfx-dev@openjdk.org</a> <<a href="mailto:openjfx-dev@openjdk.org" target="_blank" rel="noopener noreferrer">openjfx-dev@openjdk.org</a>><br><strong>Subject: </strong>TabPane overflow menu showing blanks</span></p>
</div>
<div>
<div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">Hi,</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">TabPane tabs allow you to set graphic nodes as the header and there appears to be no documented limitations or best-practises on this.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">You might assume it's perfectly reasonable to not set a Tab's text value, and instead set the header as a HBox, consisting of a graphic node (left) and a Label (itself with a text + a graphic, right), to achieve an icon-text-icon style header, which is not an uncommon. </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">However, the overflow menu, when it kicks in, will not display any text or graphics at all (just a blank space), if your Tab has no "text" set, and the header graphic is not a Label or an ImageView.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">It's down to this self-confessed hacky code (<a href="https://urldefense.com/v3/__https:/github.com/openjdk/jfx/blob/f31d00d8f7e601c3bb28a9975dd029390ec92173/modules/javafx.controls/src/main/java/javafx/scene/control/skin/TabPaneSkin.java*L479__;Iw!!ACWV5N9M2RV99hQ!Mran6HXmukSt2WDoAR19oIpx2dUYe7SVW7YGm6LeVeGvjzbRIBG_bZU5PLxtBI6BiE7zFepT1Vk08YpHig6pbw$" target="_blank" rel="noopener noreferrer">https://github.com/openjdk/jfx/blob/f31d00d8f7e601c3bb28a9975dd029390ec92173/modules/javafx.controls/src/main/java/javafx/scene/control/skin/TabPaneSkin.java#L479</a>):</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: 'Courier New'; color: black;">    /**<br>     * VERY HACKY - this lets us 'duplicate' Label and ImageView nodes to be used in a<br>     * Tab and the tabs menu at the same time.<br>     */<br>    private static Node clone(Node n) {<br>        if (n == null) {<br>            return null;<br>        }<br>        if (n instanceof ImageView) {<br>            ImageView iv = (ImageView) n;<br>            ImageView imageview = new ImageView();<br>            imageview.imageProperty().bind(iv.imageProperty());<br>            return imageview;<br>        }<br>        if (n instanceof Label) {<br>            Label l = (Label)n;<br>            Label label = new Label(l.getText(), clone(l.getGraphic()));<br>            label.textProperty().bind(l.textProperty());<br>            return label;<br>        }<br>        return null;<br>    }</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">It is not obvious at all that this is what's going to happen, or why. And it seems impossible to control or influence this in any reasonable way, without replacing the whole TabPaneSkin.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">Given TabPane is one of the most important and widely used controls there is, there could/should be some of the following:</span></p>
</div>
<div>
<ul type="disc">
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Proper documentation on this limitation / behaviour</span></li>
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Some way to set fallback text that can be used in the menu (i.e., that isn't the Tab's header's text, because one might intentionally avoid setting that given there's no way to hide it from the tab header) </span></li>
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Or, better yet, some way to allow you to specify tab header text without displaying it in the actual tab header, which could then be used by the hacky method as normal</span></li>
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Some way to set a callback so the developer can decide what gets displayed for the overflow menu</span></li>
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Some way to override the skin without needing a full copy + paste + rename</span></li>
<li class="MsoNormal" style="color: black;"><span style="font-family: Verdana , sans-serif;">Some way to allow the dev to disable the overflow menu, if it's going to produce something unusable. E.g., prefer no menu than a buggy one...</span></li>
</ul>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">I would view this as a bug, even though it's probably been like this forever.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">Some sample code to demonstrate; just look at the menu:</span></p>
</div>
<div>
<p class="MsoNormal"><span style="color: black;"><br></span><span style="font-family: 'Courier New'; color: black;">public class TabPaneMenu extends Application {<br>    @Override<br>    public void start(Stage primaryStage) {<br>        TabPane tabPane = new TabPane();<br><br>        for (int i = 1; i <= 30; i++) {<br>            Tab tab;<br>            if (i == 2) {<br>                tab = new Tab();<br>                final Label label = new Label("HBox Tab " + i);<br>                final HBox hBox = new HBox(label); // Will show as blank in overflow menu!<br>                tab.setGraphic(hBox);<br>            } else if (i == 5) {<br>                tab = new Tab();<br>                tab.setGraphic(new Label("Label Tab " + i)); // Will show in overflow menu, because it's a Label<br>            } else {<br>                tab = new Tab("Normal Tab " + i);<br>            }<br><br>            tab.setContent(new StackPane(new Label("This is Tab " + i)));<br>            tab.setClosable(false);<br>            tabPane.getTabs().add(tab);<br><br>        }<br><br>        Scene scene = new Scene(tabPane, 800, 600);<br>        primaryStage.setScene(scene);<br>        primaryStage.show();<br>    }<br><br>    public static void main(String[] args) {<br>        launch(args);<br>    }<br>}</span></p>
</div>
<p class="MsoNormal"> </p>
</div>
<div>
<div>
<div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal"><span class="m-5619657704761886284gmaildefault"><span style="font-family: Verdana , sans-serif; color: black;">Kind </span></span><span style="font-family: Verdana , sans-serif; color: black;">Regards,</span></p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<p class="MsoNormal"><strong><span style="font-family: Verdana , sans-serif; color: black;">Cormac Redmond</span></strong></p>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif; color: black;">Software Engineer, Certak Ltd.</span></p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal"><span style="font-family: Verdana , sans-serif;">e: <a href="mailto:credmond@certak.com" target="_blank" rel="noopener noreferrer">credmond@certak.com</a> | m: +353 (0) 86 268 2152 | w: <a href="https://urldefense.com/v3/__http:/www.certak.com__;!!ACWV5N9M2RV99hQ!Mran6HXmukSt2WDoAR19oIpx2dUYe7SVW7YGm6LeVeGvjzbRIBG_bZU5PLxtBI6BiE7zFepT1Vk08YpVdP5RVQ$" target="_blank" rel="noopener noreferrer"> www.certak.com</a></span></p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
<div>
<p class="MsoNormal"> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>