@brightspace-ui/core 3.260.0 → 3.260.2

package/components/dropdown/dropdown-popover-mixin.js

@@ -1,4 +1,5 @@
 import '../button/button.js';
+import '../../helpers/viewport-size.js';
 import '../../helpers/visualReady.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
@@ -164,7 +165,8 @@ export const DropdownPopoverMixin = superclass => class extends LocalizeCoreElem
 
 			:host([_mobile][_mobile-tray-location="inline-start"][opened]) .dropdown-content-layout,
 			:host([_mobile][_mobile-tray-location="inline-end"][opened]) .dropdown-content-layout {
-				height: 100vh;
+				height: calc(var(--d2l-vh, 1vh) * 100);
+				height: 100dvh;
 			}
 		`];
 	}

package/components/overflow-group/README.md

@@ -78,7 +78,6 @@ Items added to this container element will no longer wrap onto a second line whe
 
 | Property | Type | Description |
 |--|--|--|
-| `auto-show` | Boolean | Automatically determine the min and maximum number of items to show based on which elements have classes `d2l-button-group-show` and `d2l-button-group-no-show`. Please consult the design team when using this attribute. |
 | `min-to-show` | Number | The minimum number of elements to always show. Please consult the design team when using this attribute. |
 | `max-to-show` | Number | The maximum number of elements to show |
 | `opener-style` | String | Set the style of the overflow menu `default` renders a `d2l-button` while `subtle` will render a `d2l-button-subtle`|
@@ -129,4 +128,4 @@ getOverflowContainer(overflowItems, mini) {
 
 Navigation and focus order are impacted when items overflow the viewport; they are physically moved into the More Actions menu. Since this effect is not limited to visual presentation, it affects both screen reader users and sighted users equally.
 
-The accessibility and keyboard interaction of the More Actions menu aligns with [W3C's best practices for menus](https://www.w3.org/WAI/ARIA/apg/patterns/menubar/) — see [Menu](../menu) for more information.
+The accessibility and keyboard interaction of the More Actions menu aligns with [W3C's best practices for menus](https://www.w3.org/WAI/ARIA/apg/patterns/menubar/) — see [Menu](../menu) for more information.

package/components/overflow-group/overflow-group.js

@@ -66,7 +66,6 @@ function createMenuItemSeparator() {
  * A component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container
  * @slot - Buttons, dropdown buttons, links or other items to be added to the container
  * @attr {'default'|'icon'} [opener-type="default"] - Set the opener type to 'icon' for a `...` menu icon instead of `More actions` text
- * @attr {boolean} auto-show - Use predefined classes on slot elements to set min and max buttons to show
 */
 class OverflowGroup extends OverflowGroupMixin(LitElement) {
 

package/components/popover/popover-mixin.js

@@ -1,6 +1,7 @@
 import '../backdrop/backdrop.js';
 import '../colors/colors.js';
 import '../focus-trap/focus-trap.js';
+import '../../helpers/viewport-size.js';
 import { addResizeNoopEventListener, getComposedParent, isComposedAncestor, removeResizeNoopEventListener } from '../../helpers/dom.js';
 import { clearDismissible, setDismissible } from '../../helpers/dismissible.js';
 import { css, html, nothing } from 'lit';
@@ -241,7 +242,8 @@ export const PopoverMixin = superclass => class extends superclass {
 
 			:host([_mobile][_mobile-tray-location="inline-start"][opened]) .content-container,
 			:host([_mobile][_mobile-tray-location="inline-end"][opened]) .content-container {
-				height: 100vh;
+				height: calc(var(--d2l-vh, 1vh) * 100);
+				height: 100dvh;
 			}
 
 			:host([_mobile][_mobile-tray-location]) > .pointer {

package/custom-elements.json

@@ -12225,11 +12225,6 @@
           "description": "Set the opener type to 'icon' for a `...` menu icon instead of `More actions` text",
           "type": "'default'|'icon'",
           "default": "\"default\""
-        },
-        {
-          "name": "auto-show",
-          "description": "Use predefined classes on slot elements to set min and max buttons to show",
-          "type": "boolean"
         }
       ],
       "properties": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.260.0",
+  "version": "3.260.2",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",