Merge branch 'develop' into outlineThemeable

# Conflicts:
#	src/definitions/modules/dropdown.less

Author: lubber-de

.github/workflows/ci.yml

@@ -8,7 +8,7 @@ jobs:
     name: Lint
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: actions/setup-node@v4
     - name: Install dependencies
       run: yarn
@@ -28,7 +28,7 @@ jobs:
       matrix:
         node-version: [18, 20, 22]
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Setup Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v4
       with:
@@ -47,7 +47,7 @@ jobs:
       contents: read
       security-events: write
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: github/codeql-action/init@v3
       with:
         languages: 'javascript'

.github/workflows/depsreview.yml

@@ -9,6 +9,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 'Checkout Repository'
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: 'Dependency Review'
         uses: actions/dependency-review-action@v4

.github/workflows/nightly.yml

@@ -13,7 +13,7 @@ jobs:
     outputs:
       shouldPublish: ${{ steps.nightly-version.outputs.shouldPublish }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
       with:
         ref: develop
     - uses: actions/setup-node@v4

.github/workflows/release.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.repository == 'fomantic/Fomantic-UI'
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
       with:
         ref: master
     - uses: actions/setup-node@v4

.stylelintrc.js

@@ -12,7 +12,6 @@ module.exports = {
         'at-rule-name-case': null,
         'at-rule-no-unknown': null,
         'block-no-empty': null,
-        'color-function-notation': 'legacy',
         'color-hex-case': 'lower',
         'declaration-colon-newline-after': null, // handled by Prettier
         'font-family-no-missing-generic-family-keyword': null,

src/definitions/collections/form.less

@@ -135,7 +135,7 @@
     margin: 0;
     outline: none;
     -webkit-appearance: none;
-    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: rgb(255 255 255 / 0);
     line-height: @inputLineHeight;
     padding: @inputPadding;
     font-size: @inputFontSize;
@@ -162,7 +162,7 @@
 .ui.form textarea {
     margin: 0;
     -webkit-appearance: none;
-    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: rgb(255 255 255 / 0);
     padding: @textAreaPadding;
     background: @textAreaBackground;
     border: @textAreaBorder;

src/definitions/elements/divider.less

@@ -33,7 +33,7 @@
     letter-spacing: @letterSpacing;
     color: @color;
     user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0);
 }
 
 /* --------------

src/definitions/elements/input.less

@@ -45,7 +45,7 @@
     max-width: 100%;
     flex: 1 1 auto;
     outline: none;
-    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: rgb(255 255 255 / 0);
     text-align: @textAlign;
     line-height: @lineHeight;
     font-family: @inputFont;

src/definitions/elements/label.less

@@ -471,6 +471,7 @@ a.ui.label {
     .ui.card .image > .ribbon.label {
         position: absolute;
         top: @ribbonImageTopDistance;
+        z-index: 1;
     }
     .ui.card .image > .ui.ribbon.label,
     .ui.image > .ui.ribbon.label {

src/definitions/modules/dropdown.js

@@ -1009,15 +1009,26 @@
                         let menuConfig = {};
                         menuConfig[fields.values] = values;
                         module.setup.menu(menuConfig);
-                        $.each(values, function (index, item) {
-                            if (item.selected === true) {
-                                module.debug('Setting initial selection to', item[fields.value]);
-                                module.set.selected(item[fields.value]);
-                                if (!module.is.multiple()) {
-                                    return false;
+                        let findSelected = function (values) {
+                            let hasMultiple = true;
+                            $.each(values, function (index, item) {
+                                let itemType = item.type || 'item';
+                                if (item.selected === true) {
+                                    module.debug('Setting initial selection to', item[fields.value]);
+                                    module.set.selected(item[fields.value]);
+                                    if (!module.is.multiple()) {
+                                        hasMultiple = false;
+                                    }
+                                } else if (itemType.indexOf('menu') !== -1) {
+                                    hasMultiple = findSelected(item.values || []);
                                 }
-                            }
-                        });
+
+                                return hasMultiple;
+                            });
+
+                            return hasMultiple;
+                        };
+                        findSelected(values);
 
                         if (module.has.selectInput()) {
                             module.disconnect.selectObserver();