core: update cursor for custom select-component

[vince-fugnitto]

What it does

Playing around with the framework today I noticed that the cursor when interacting with the custom select-component was incorrect, instead we should display a pointer like other applications including vscode.

The commit updates the cursor for our custom select-component when an option is selected.

select-component-cursor.mp4

How to test

1. start the application using theia as a workspace
2. open the debug-view, interact with the launch configuration dropdown and confirm the cursor when hovering and selecting options is correct
3. do the same as step 2 for the preferences-view (which also uses the custom select-component)

Review checklist

• As an author, I have thoroughly tested my changes and carefully followed the review guidelines

Reminder for reviewers

• As a reviewer, I agree to behave in accordance with the review guidelines

Signed-off-by: vince-fugnitto [email protected]

[colin-grant-work]

In VSCode (and with this code), the cursor for the select itself is not a pointer, and that's a little unexpected. I think I'd expect most things that permit interaction by a 'click' to have the pointer.

[vince-fugnitto]

In VSCode (and with this code), the cursor for the select itself is not a pointer, and that's a little unexpected. I think I'd expect most things that permit interaction by a 'click' to have the pointer.

@colin-grant-work even odder is the fact that vscode displays the pointer for the debug select component but not for the preferences ones for me. I'm fine with adding them for both, any objection @msujew?

[msujew]

Looks good to me. It correctly mirrors the pointer behavior for preferences 👍 Having consistent behavior across preferences and other views (debug, etc.) is fine for me.

[alvsan09]

It looks good to me !!
I am certainly in favor to offer an consistent experience !! 👍