@lion/ui 0.18.0-menu-system.0 → 0.18.0-menu-system.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/components/menu/src/MoreButtonMenuMixin.js +8 -7
  2. package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts.map +1 -1
  3. package/dist-types/tsconfig.tsbuildinfo +1 -1
  4. package/docs/components/checkbox-group/overview.md +2 -2
  5. package/docs/components/collapsible/overview.md +1 -1
  6. package/docs/components/combobox/overview.md +1 -1
  7. package/docs/components/combobox/use-cases.md +1 -1
  8. package/docs/components/dialog/overview.md +1 -1
  9. package/docs/components/fieldset/overview.md +5 -5
  10. package/docs/components/form/overview.md +3 -3
  11. package/docs/components/form/use-cases.md +2 -2
  12. package/docs/components/icon/use-cases.md +1 -1
  13. package/docs/components/input/overview.md +1 -1
  14. package/docs/components/input-amount/overview.md +3 -3
  15. package/docs/components/input-date/overview.md +3 -3
  16. package/docs/components/input-datepicker/overview.md +5 -5
  17. package/docs/components/input-email/overview.md +2 -2
  18. package/docs/components/input-file/overview.md +1 -1
  19. package/docs/components/input-iban/overview.md +2 -2
  20. package/docs/components/input-range/overview.md +2 -2
  21. package/docs/components/input-stepper/overview.md +1 -1
  22. package/docs/components/input-tel/overview.md +1 -1
  23. package/docs/components/input-tel/use-cases.md +6 -6
  24. package/docs/components/input-tel-dropdown/overview.md +1 -1
  25. package/docs/components/listbox/use-cases.md +1 -1
  26. package/docs/components/radio-group/overview.md +3 -3
  27. package/docs/components/select/use-cases.md +1 -1
  28. package/docs/components/select-rich/use-cases.md +2 -2
  29. package/docs/components/tabs/examples.md +1 -1
  30. package/docs/fundamentals/index.md +4 -4
  31. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  32. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  33. package/docs/fundamentals/rationales/accessibility.md +1 -1
  34. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  35. package/docs/fundamentals/systems/core/overview.md +1 -1
  36. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  37. package/docs/fundamentals/systems/form/model-value.md +1 -1
  38. package/docs/fundamentals/systems/form/overview.md +28 -28
  39. package/docs/fundamentals/systems/form/validate.md +2 -2
  40. package/docs/fundamentals/systems/localize/overview.md +4 -4
  41. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  42. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  43. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  44. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  45. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  46. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  47. package/docs/guides/how-to/create-a-form.md +4 -4
  48. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  49. package/docs/guides/how-to/index.md +1 -1
  50. package/docs/guides/index.md +8 -8
  51. package/docs/guides/principles/index.md +5 -5
  52. package/docs/guides/principles/styling.md +1 -1
  53. package/exports/menu.js +1 -0
  54. package/menu.js +1 -0
  55. package/package.json +1 -1
package/components/menu/src/MoreButtonMenuMixin.js CHANGED
@@ -182,7 +182,13 @@ export const MoreButtonMenuMixin = superclass =>
182
182
  }
183
183
 
184
184
  doItemsFit() {
185
- return this._listNode.scrollWidth - this._listNode.clientWidth === 0;
185
+ this.style.display = 'none';
186
+ const parentWidth = this.parentElement.clientWidth;
187
+ this.style.display = '';
188
+ return (
189
+ this._listNode.scrollWidth === this._listNode.clientWidth &&
190
+ this._listNode.scrollWidth <= parentWidth
191
+ );
186
192
  }
187
193
 
188
194
  getListItems() {
@@ -210,16 +216,11 @@ export const MoreButtonMenuMixin = superclass =>
210
216
 
211
217
  const nextNodes = [];
212
218
  let { nextSibling } = listItem;
213
- let includeOneMoreAfterComment = false;
214
219
  while (nextSibling) {
215
220
  nextNodes.push(nextSibling);
216
221
 
217
- if (includeOneMoreAfterComment) {
218
- break;
219
- }
220
-
221
222
  if (isMarkerComment(nextSibling)) {
222
- includeOneMoreAfterComment = true;
223
+ break;
223
224
  }
224
225
 
225
226
  ({ nextSibling } = nextSibling);
package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MoreButtonMenuMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/MoreButtonMenuMixin.js"],"names":[],"mappings":"AA6DO;;;;;;;;;;;;;;;;;;QAmIH;;WAEG;iDADQ,IAAI;;;;;;;;EAsGhB"}
1
+ {"version":3,"file":"MoreButtonMenuMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/MoreButtonMenuMixin.js"],"names":[],"mappings":"AA6DO;;;;;;;;;;;;;;;;;;QAyIH;;WAEG;iDADQ,IAAI;;;;;;;;EAiGhB"}