Replace deprecated NcMultiselect with recommended NcSelect

[susnux]

NcMultiselect is deprecated the recommended alternative is NcSelect (mostly a drop-in replacement but few properties and slots changed or removed).

[Chartman123]

@susnux Looks good, but the styling does not fully fit the other components (border color and probably also the text color). I think that this should be fixed in the vue-lib.

Dark mode:

Light mode:

[susnux]

@Chartman123 Do you emptied your cache? Exactly the opposite should be the case.
As NcMultiselect uses --color-border-dark while every other component, including NcSelect uses --color-border-maxcontrast

So it should now look like this:

---

But there are two differences:

1. The NcSelect does not have primary color borders on hover and when selected, I already filed a PR to fix this: Adjust style of NcSelect to match other input elements nextcloud-libraries/nextcloud-vue#3701
2. The placeholder looks differently because it uses --color-text-maxcontrast while "normal" inputs do not have a placeholder color set, this should be either fixed on the server side (global input::placeholder) or we could set this only for forms.

[susnux]

Or maybe are you using NC 25.0.2? As the border was changed with this commit: nextcloud/server@20da75f on master (I am testing with current server master) which was backported to 25.0.3

[jotoeri]

Two small things here, apart from that, the theming does also not work properly....

(Indeed, quite specific, since System theme is dark, but NC Theme is set to light here...)

[Chartman123]

(Indeed, quite specific, since System theme is dark, but NC Theme is set to light here...)\n

That's how it looked for me yesterday at first. I then ran another npm run dev and then it changed to the way on my Screenshots... So probably really some caching problems here.

@susnux i will check the version later...

[susnux]

(Indeed, quite specific, since System theme is dark, but NC Theme is set to light here...) 🖼️

This reminds me of nextcloud/text#3369

EDIT: 🥳 I finally found the origin of this issue, the theming variables are not set on the HTML tag but on the body tag. Fix: nextcloud/server#36462

[Chartman123]

@susnux: So should we merge this before the server fix?

[susnux]

@susnux: So should we merge this before the server fix?

There is some discussion whether this is a server bug or should be fixed in the apps / libs. So I will file a PR against @nextcloud/vue so we get this fixed with the next release of it. I think we should wait for this to be fixed, so if we release before that, users might be annoyed by this bug.

[Chartman123]

@susnux The border color is now correct, but the text color still differs...

[Chartman123]

@susnux with the latest update of nc-vue the placeholder text is no longer shown

[susnux]

with the latest update of nc-vue the placeholder text is no longer shown

A regression if the select is configured to be not searchable: nextcloud-libraries/nextcloud-vue#3833
(Probably fixed with 7.8.0)

[susnux]

Rebased onto main.
@Chartman123 as main is now using version 7.8.0 this issue is fixed.

[Chartman123]

@susnux the text color is still different to the other fields, but I think that we can merge this now :)

[Chartman123]

@susnux the text color is still different to the other fields, but I think that we can merge this now :)