"Port" menu section headings are located at bottom of section

[per1234]

Describe the problem

Arduino IDE supports communication channels (referred to as "ports") between board and computer of any arbitrary type. The Tools > Port menu is segmented into separate sections for each protocol of the available ports. Each of these sections has a heading describing the protocol.

🐛 The headings are located at the bottom of the sections in the Tools > Port menu.

To reproduce

Equipment

At least one recognized "port" on your computer. This could be produced by an Arduino, some other device, or an internal system port.

Steps

1. Select Tools > Port from the Arduino IDE menus.

🐛 The headings are located at the bottom of the sections in the Tools > Port menu:

Expected behavior

Headings to be located at the top of the sections:

Arduino IDE version

2.0.1-snapshot-99b1094

Operating system

Windows

Operating system version

10

Additional context

I bisected the introduction of the bug to 960a2d0 (doesn't occur when using the build for e577de4)

Issue checklist

• I searched for previous reports in the issue tracker
• I verified the problem still occurs when using the latest nightly build
• My report contains all necessary details

[nmzaheer]

I think this has to do with some part of the code that is sorting the menu entries in alphabetical order. I will try to pin point the code that has caused this regression.

Edit : I think it has to do with line number 279 wherein it should be { order: protocolOrder.toString().padStart(4) }

arduino-ide/arduino-ide-extension/src/browser/contributions/board-selection.ts

Lines 272 to 280 in 960a2d0

	const placeholder = new PlaceholderMenuNode(
	menuPath,
	nls.localize(
	'arduino/board/typeOfPorts',
	'{0} ports',
	Port.Protocols.protocolLabel(protocol)
	),
	{ order: protocolOrder.toString() }
	);

Please let me know if my analysis is right. In that case, I can submit a PR .