@zendeskgarden/react-dropdowns 8.42.0 → 8.44.0

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 (3) hide show
  1. package/dist/index.cjs.js +26 -28
  2. package/dist/index.esm.js +26 -28
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -459,7 +459,7 @@ var COMPONENT_ID$m = 'dropdowns.menu';
459
459
  var StyledMenu = styled__default['default'].ul.attrs(function (props) {
460
460
  return {
461
461
  'data-garden-id': COMPONENT_ID$m,
462
- 'data-garden-version': '8.42.0',
462
+ 'data-garden-version': '8.44.0',
463
463
  className: props.isAnimated && 'is-animated'
464
464
  };
465
465
  }).withConfig({
@@ -484,7 +484,7 @@ var COMPONENT_ID$l = 'dropdowns.menu_wrapper';
484
484
  var StyledMenuWrapper = styled__default['default'].div.attrs(function (props) {
485
485
  return {
486
486
  'data-garden-id': COMPONENT_ID$l,
487
- 'data-garden-version': '8.42.0',
487
+ 'data-garden-version': '8.44.0',
488
488
  className: props.isAnimated && 'is-animated'
489
489
  };
490
490
  }).withConfig({
@@ -508,7 +508,7 @@ StyledMenuWrapper.defaultProps = {
508
508
  var COMPONENT_ID$k = 'dropdowns.separator';
509
509
  var StyledSeparator = styled__default['default'].li.attrs({
510
510
  'data-garden-id': COMPONENT_ID$k,
511
- 'data-garden-version': '8.42.0',
511
+ 'data-garden-version': '8.44.0',
512
512
  role: 'separator'
513
513
  }).withConfig({
514
514
  displayName: "StyledSeparator",
@@ -537,7 +537,7 @@ var getColorStyles = function getColorStyles(props) {
537
537
  var StyledItem = styled__default['default'].li.attrs(function (props) {
538
538
  return {
539
539
  'data-garden-id': COMPONENT_ID$j,
540
- 'data-garden-version': '8.42.0',
540
+ 'data-garden-version': '8.44.0',
541
541
  'aria-disabled': props.disabled
542
542
  };
543
543
  }).withConfig({
@@ -567,7 +567,7 @@ StyledItem.defaultProps = {
567
567
  var COMPONENT_ID$i = 'dropdowns.add_item';
568
568
  var StyledAddItem = styled__default['default'](StyledItem).attrs({
569
569
  'data-garden-id': COMPONENT_ID$i,
570
- 'data-garden-version': '8.42.0'
570
+ 'data-garden-version': '8.44.0'
571
571
  }).withConfig({
572
572
  displayName: "StyledAddItem",
573
573
  componentId: "sc-ekqk50-0"
@@ -583,14 +583,12 @@ StyledAddItem.defaultProps = {
583
583
  var COMPONENT_ID$h = 'dropdowns.item_meta';
584
584
  var StyledItemMeta = styled__default['default'].span.attrs({
585
585
  'data-garden-id': COMPONENT_ID$h,
586
- 'data-garden-version': '8.42.0'
586
+ 'data-garden-version': '8.44.0'
587
587
  }).withConfig({
588
588
  displayName: "StyledItemMeta",
589
589
  componentId: "sc-k6xy28-0"
590
- })(["display:", ";line-height:", "px;color:", ";font-size:", ";", ";"], function (props) {
591
- return props.isCompact ? 'none' : 'block';
592
- }, function (props) {
593
- return props.theme.space.base * 4;
590
+ })(["display:block;line-height:", "px;color:", ";font-size:", ";", ";"], function (props) {
591
+ return props.theme.space.base * (props.isCompact ? 3 : 4);
594
592
  }, function (props) {
595
593
  return reactTheming.getColor('neutralHue', props.isDisabled ? 400 : 600, props.theme);
596
594
  }, function (props) {
@@ -608,7 +606,7 @@ var getSizeStyles = function getSizeStyles(props) {
608
606
  };
609
607
  var StyledItemIcon = styled__default['default'].div.attrs({
610
608
  'data-garden-id': COMPONENT_ID$g,
611
- 'data-garden-version': '8.42.0'
609
+ 'data-garden-version': '8.44.0'
612
610
  }).withConfig({
613
611
  displayName: "StyledItemIcon",
614
612
  componentId: "sc-1v0ty11-0"
@@ -634,7 +632,7 @@ StyledItemIcon.defaultProps = {
634
632
  var COMPONENT_ID$f = 'dropdowns.next_item';
635
633
  var StyledNextItem = styled__default['default'](StyledItem).attrs({
636
634
  'data-garden-id': COMPONENT_ID$f,
637
- 'data-garden-version': '8.42.0'
635
+ 'data-garden-version': '8.44.0'
638
636
  }).withConfig({
639
637
  displayName: "StyledNextItem",
640
638
  componentId: "sc-1bcygn5-0"
@@ -672,7 +670,7 @@ var NextIconComponent = function NextIconComponent(_ref) {
672
670
  var className = _ref.className;
673
671
  return React__default['default'].createElement(SvgChevronRightStroke, {
674
672
  "data-garden-id": COMPONENT_ID$e,
675
- "data-garden-version": '8.42.0',
673
+ "data-garden-version": '8.44.0',
676
674
  className: className
677
675
  });
678
676
  };
@@ -693,7 +691,7 @@ StyledNextIcon.defaultProps = {
693
691
  var COMPONENT_ID$d = 'dropdowns.previous_item';
694
692
  var StyledPreviousItem = styled__default['default'](StyledItem).attrs({
695
693
  'data-garden-id': COMPONENT_ID$d,
696
- 'data-garden-version': '8.42.0'
694
+ 'data-garden-version': '8.44.0'
697
695
  }).withConfig({
698
696
  displayName: "StyledPreviousItem",
699
697
  componentId: "sc-1nmdds9-0"
@@ -729,7 +727,7 @@ var PreviousIconComponent = function PreviousIconComponent(_ref) {
729
727
  var className = _ref.className;
730
728
  return React__default['default'].createElement(SvgChevronLeftStroke, {
731
729
  "data-garden-id": COMPONENT_ID$c,
732
- "data-garden-version": '8.42.0',
730
+ "data-garden-version": '8.44.0',
733
731
  className: className
734
732
  });
735
733
  };
@@ -750,7 +748,7 @@ StyledPreviousIcon.defaultProps = {
750
748
  var COMPONENT_ID$b = 'dropdowns.header_icon';
751
749
  var StyledHeaderIcon = styled__default['default'].div.attrs({
752
750
  'data-garden-id': COMPONENT_ID$b,
753
- 'data-garden-version': '8.42.0'
751
+ 'data-garden-version': '8.44.0'
754
752
  }).withConfig({
755
753
  displayName: "StyledHeaderIcon",
756
754
  componentId: "sc-1fl6nsz-0"
@@ -780,7 +778,7 @@ var getHorizontalPadding = function getHorizontalPadding(props) {
780
778
  };
781
779
  var StyledHeaderItem = styled__default['default'](StyledItem).attrs({
782
780
  'data-garden-id': COMPONENT_ID$a,
783
- 'data-garden-version': '8.42.0'
781
+ 'data-garden-version': '8.44.0'
784
782
  }).withConfig({
785
783
  displayName: "StyledHeaderItem",
786
784
  componentId: "sc-137filx-0"
@@ -800,7 +798,7 @@ StyledHeaderItem.defaultProps = {
800
798
  var COMPONENT_ID$9 = 'dropdowns.media_body';
801
799
  var StyledMediaBody = styled__default['default'].div.attrs({
802
800
  'data-garden-id': COMPONENT_ID$9,
803
- 'data-garden-version': '8.42.0'
801
+ 'data-garden-version': '8.44.0'
804
802
  }).withConfig({
805
803
  displayName: "StyledMediaBody",
806
804
  componentId: "sc-36j7ef-0"
@@ -828,7 +826,7 @@ function (_ref) {
828
826
  );
829
827
  }).attrs({
830
828
  'data-garden-id': COMPONENT_ID$8,
831
- 'data-garden-version': '8.42.0'
829
+ 'data-garden-version': '8.44.0'
832
830
  }).withConfig({
833
831
  displayName: "StyledMediaFigure",
834
832
  componentId: "sc-2f2x8x-0"
@@ -850,7 +848,7 @@ StyledMediaFigure.defaultProps = {
850
848
  var COMPONENT_ID$7 = 'dropdowns.media_item';
851
849
  var StyledMediaItem = styled__default['default'](StyledItem).attrs({
852
850
  'data-garden-id': COMPONENT_ID$7,
853
- 'data-garden-version': '8.42.0'
851
+ 'data-garden-version': '8.44.0'
854
852
  }).withConfig({
855
853
  displayName: "StyledMediaItem",
856
854
  componentId: "sc-ikwshz-0"
@@ -865,7 +863,7 @@ var COMPONENT_ID$6 = 'dropdowns.faux_input';
865
863
  var StyledFauxInput = styled__default['default'](reactForms.FauxInput).attrs(function (props) {
866
864
  return {
867
865
  'data-garden-id': COMPONENT_ID$6,
868
- 'data-garden-version': '8.42.0',
866
+ 'data-garden-version': '8.44.0',
869
867
  mediaLayout: true,
870
868
  theme: props.theme
871
869
  };
@@ -887,7 +885,7 @@ var COMPONENT_ID$5 = 'dropdowns.input';
887
885
  var hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
888
886
  var StyledInput = styled__default['default'](reactForms.Input).attrs({
889
887
  'data-garden-id': COMPONENT_ID$5,
890
- 'data-garden-version': '8.42.0',
888
+ 'data-garden-version': '8.44.0',
891
889
  isBare: true
892
890
  }).withConfig({
893
891
  displayName: "StyledInput",
@@ -904,7 +902,7 @@ StyledInput.defaultProps = {
904
902
  var COMPONENT_ID$4 = 'dropdowns.select';
905
903
  var StyledSelect = styled__default['default'].div.attrs({
906
904
  'data-garden-id': COMPONENT_ID$4,
907
- 'data-garden-version': '8.42.0'
905
+ 'data-garden-version': '8.44.0'
908
906
  }).withConfig({
909
907
  displayName: "StyledSelect",
910
908
  componentId: "sc-xifmwj-0"
@@ -927,7 +925,7 @@ var visibleStyling = function visibleStyling(props) {
927
925
  };
928
926
  var StyledMultiselectInput = styled__default['default'](StyledInput).attrs({
929
927
  'data-garden-id': COMPONENT_ID$3,
930
- 'data-garden-version': '8.42.0'
928
+ 'data-garden-version': '8.44.0'
931
929
  }).withConfig({
932
930
  displayName: "StyledMultiselectInput",
933
931
  componentId: "sc-1avnf6f-0"
@@ -957,7 +955,7 @@ var sizeStyles = function sizeStyles(props) {
957
955
  };
958
956
  var StyledMultiselectItemsContainer = styled__default['default'].div.attrs({
959
957
  'data-garden-id': COMPONENT_ID$2,
960
- 'data-garden-version': '8.42.0'
958
+ 'data-garden-version': '8.44.0'
961
959
  }).withConfig({
962
960
  displayName: "StyledMultiselectItemsContainer",
963
961
  componentId: "sc-1jzhet8-0"
@@ -973,7 +971,7 @@ StyledMultiselectItemsContainer.defaultProps = {
973
971
  var COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
974
972
  var StyledMultiselectItemWrapper = styled__default['default'].div.attrs({
975
973
  'data-garden-id': COMPONENT_ID$1,
976
- 'data-garden-version': '8.42.0'
974
+ 'data-garden-version': '8.44.0'
977
975
  }).withConfig({
978
976
  displayName: "StyledMultiselectItemWrapper",
979
977
  componentId: "sc-1rb2bye-0"
@@ -989,7 +987,7 @@ StyledMultiselectItemWrapper.defaultProps = {
989
987
  var COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
990
988
  var StyledMultiselectMoreAnchor = styled__default['default'].div.attrs({
991
989
  'data-garden-id': COMPONENT_ID,
992
- 'data-garden-version': '8.42.0'
990
+ 'data-garden-version': '8.44.0'
993
991
  }).withConfig({
994
992
  displayName: "StyledMultiselectMoreAnchor",
995
993
  componentId: "sc-1m9v46e-0"
@@ -1946,7 +1944,7 @@ var Menu = function Menu(props) {
1946
1944
  currentPlacement = _ref.placement;
1947
1945
  var computedStyle = menuStyle;
1948
1946
  scheduleUpdateRef.current = scheduleUpdate;
1949
- if (popperReferenceElementRef.current && popperReferenceElementRef.current.getBoundingClientRect) {
1947
+ if ((isOpen || isVisible) && popperReferenceElementRef.current && popperReferenceElementRef.current.getBoundingClientRect) {
1950
1948
  computedStyle = _objectSpread2({
1951
1949
  width: popperReferenceElementRef.current.getBoundingClientRect().width
1952
1950
  }, menuStyle);
package/dist/index.esm.js CHANGED
@@ -428,7 +428,7 @@ var COMPONENT_ID$m = 'dropdowns.menu';
428
428
  var StyledMenu = styled.ul.attrs(function (props) {
429
429
  return {
430
430
  'data-garden-id': COMPONENT_ID$m,
431
- 'data-garden-version': '8.42.0',
431
+ 'data-garden-version': '8.44.0',
432
432
  className: props.isAnimated && 'is-animated'
433
433
  };
434
434
  }).withConfig({
@@ -453,7 +453,7 @@ var COMPONENT_ID$l = 'dropdowns.menu_wrapper';
453
453
  var StyledMenuWrapper = styled.div.attrs(function (props) {
454
454
  return {
455
455
  'data-garden-id': COMPONENT_ID$l,
456
- 'data-garden-version': '8.42.0',
456
+ 'data-garden-version': '8.44.0',
457
457
  className: props.isAnimated && 'is-animated'
458
458
  };
459
459
  }).withConfig({
@@ -477,7 +477,7 @@ StyledMenuWrapper.defaultProps = {
477
477
  var COMPONENT_ID$k = 'dropdowns.separator';
478
478
  var StyledSeparator = styled.li.attrs({
479
479
  'data-garden-id': COMPONENT_ID$k,
480
- 'data-garden-version': '8.42.0',
480
+ 'data-garden-version': '8.44.0',
481
481
  role: 'separator'
482
482
  }).withConfig({
483
483
  displayName: "StyledSeparator",
@@ -506,7 +506,7 @@ var getColorStyles = function getColorStyles(props) {
506
506
  var StyledItem = styled.li.attrs(function (props) {
507
507
  return {
508
508
  'data-garden-id': COMPONENT_ID$j,
509
- 'data-garden-version': '8.42.0',
509
+ 'data-garden-version': '8.44.0',
510
510
  'aria-disabled': props.disabled
511
511
  };
512
512
  }).withConfig({
@@ -536,7 +536,7 @@ StyledItem.defaultProps = {
536
536
  var COMPONENT_ID$i = 'dropdowns.add_item';
537
537
  var StyledAddItem = styled(StyledItem).attrs({
538
538
  'data-garden-id': COMPONENT_ID$i,
539
- 'data-garden-version': '8.42.0'
539
+ 'data-garden-version': '8.44.0'
540
540
  }).withConfig({
541
541
  displayName: "StyledAddItem",
542
542
  componentId: "sc-ekqk50-0"
@@ -552,14 +552,12 @@ StyledAddItem.defaultProps = {
552
552
  var COMPONENT_ID$h = 'dropdowns.item_meta';
553
553
  var StyledItemMeta = styled.span.attrs({
554
554
  'data-garden-id': COMPONENT_ID$h,
555
- 'data-garden-version': '8.42.0'
555
+ 'data-garden-version': '8.44.0'
556
556
  }).withConfig({
557
557
  displayName: "StyledItemMeta",
558
558
  componentId: "sc-k6xy28-0"
559
- })(["display:", ";line-height:", "px;color:", ";font-size:", ";", ";"], function (props) {
560
- return props.isCompact ? 'none' : 'block';
561
- }, function (props) {
562
- return props.theme.space.base * 4;
559
+ })(["display:block;line-height:", "px;color:", ";font-size:", ";", ";"], function (props) {
560
+ return props.theme.space.base * (props.isCompact ? 3 : 4);
563
561
  }, function (props) {
564
562
  return getColor('neutralHue', props.isDisabled ? 400 : 600, props.theme);
565
563
  }, function (props) {
@@ -577,7 +575,7 @@ var getSizeStyles = function getSizeStyles(props) {
577
575
  };
578
576
  var StyledItemIcon = styled.div.attrs({
579
577
  'data-garden-id': COMPONENT_ID$g,
580
- 'data-garden-version': '8.42.0'
578
+ 'data-garden-version': '8.44.0'
581
579
  }).withConfig({
582
580
  displayName: "StyledItemIcon",
583
581
  componentId: "sc-1v0ty11-0"
@@ -603,7 +601,7 @@ StyledItemIcon.defaultProps = {
603
601
  var COMPONENT_ID$f = 'dropdowns.next_item';
604
602
  var StyledNextItem = styled(StyledItem).attrs({
605
603
  'data-garden-id': COMPONENT_ID$f,
606
- 'data-garden-version': '8.42.0'
604
+ 'data-garden-version': '8.44.0'
607
605
  }).withConfig({
608
606
  displayName: "StyledNextItem",
609
607
  componentId: "sc-1bcygn5-0"
@@ -641,7 +639,7 @@ var NextIconComponent = function NextIconComponent(_ref) {
641
639
  var className = _ref.className;
642
640
  return React__default.createElement(SvgChevronRightStroke, {
643
641
  "data-garden-id": COMPONENT_ID$e,
644
- "data-garden-version": '8.42.0',
642
+ "data-garden-version": '8.44.0',
645
643
  className: className
646
644
  });
647
645
  };
@@ -662,7 +660,7 @@ StyledNextIcon.defaultProps = {
662
660
  var COMPONENT_ID$d = 'dropdowns.previous_item';
663
661
  var StyledPreviousItem = styled(StyledItem).attrs({
664
662
  'data-garden-id': COMPONENT_ID$d,
665
- 'data-garden-version': '8.42.0'
663
+ 'data-garden-version': '8.44.0'
666
664
  }).withConfig({
667
665
  displayName: "StyledPreviousItem",
668
666
  componentId: "sc-1nmdds9-0"
@@ -698,7 +696,7 @@ var PreviousIconComponent = function PreviousIconComponent(_ref) {
698
696
  var className = _ref.className;
699
697
  return React__default.createElement(SvgChevronLeftStroke, {
700
698
  "data-garden-id": COMPONENT_ID$c,
701
- "data-garden-version": '8.42.0',
699
+ "data-garden-version": '8.44.0',
702
700
  className: className
703
701
  });
704
702
  };
@@ -719,7 +717,7 @@ StyledPreviousIcon.defaultProps = {
719
717
  var COMPONENT_ID$b = 'dropdowns.header_icon';
720
718
  var StyledHeaderIcon = styled.div.attrs({
721
719
  'data-garden-id': COMPONENT_ID$b,
722
- 'data-garden-version': '8.42.0'
720
+ 'data-garden-version': '8.44.0'
723
721
  }).withConfig({
724
722
  displayName: "StyledHeaderIcon",
725
723
  componentId: "sc-1fl6nsz-0"
@@ -749,7 +747,7 @@ var getHorizontalPadding = function getHorizontalPadding(props) {
749
747
  };
750
748
  var StyledHeaderItem = styled(StyledItem).attrs({
751
749
  'data-garden-id': COMPONENT_ID$a,
752
- 'data-garden-version': '8.42.0'
750
+ 'data-garden-version': '8.44.0'
753
751
  }).withConfig({
754
752
  displayName: "StyledHeaderItem",
755
753
  componentId: "sc-137filx-0"
@@ -769,7 +767,7 @@ StyledHeaderItem.defaultProps = {
769
767
  var COMPONENT_ID$9 = 'dropdowns.media_body';
770
768
  var StyledMediaBody = styled.div.attrs({
771
769
  'data-garden-id': COMPONENT_ID$9,
772
- 'data-garden-version': '8.42.0'
770
+ 'data-garden-version': '8.44.0'
773
771
  }).withConfig({
774
772
  displayName: "StyledMediaBody",
775
773
  componentId: "sc-36j7ef-0"
@@ -797,7 +795,7 @@ function (_ref) {
797
795
  );
798
796
  }).attrs({
799
797
  'data-garden-id': COMPONENT_ID$8,
800
- 'data-garden-version': '8.42.0'
798
+ 'data-garden-version': '8.44.0'
801
799
  }).withConfig({
802
800
  displayName: "StyledMediaFigure",
803
801
  componentId: "sc-2f2x8x-0"
@@ -819,7 +817,7 @@ StyledMediaFigure.defaultProps = {
819
817
  var COMPONENT_ID$7 = 'dropdowns.media_item';
820
818
  var StyledMediaItem = styled(StyledItem).attrs({
821
819
  'data-garden-id': COMPONENT_ID$7,
822
- 'data-garden-version': '8.42.0'
820
+ 'data-garden-version': '8.44.0'
823
821
  }).withConfig({
824
822
  displayName: "StyledMediaItem",
825
823
  componentId: "sc-ikwshz-0"
@@ -834,7 +832,7 @@ var COMPONENT_ID$6 = 'dropdowns.faux_input';
834
832
  var StyledFauxInput = styled(FauxInput).attrs(function (props) {
835
833
  return {
836
834
  'data-garden-id': COMPONENT_ID$6,
837
- 'data-garden-version': '8.42.0',
835
+ 'data-garden-version': '8.44.0',
838
836
  mediaLayout: true,
839
837
  theme: props.theme
840
838
  };
@@ -856,7 +854,7 @@ var COMPONENT_ID$5 = 'dropdowns.input';
856
854
  var hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
857
855
  var StyledInput = styled(Input).attrs({
858
856
  'data-garden-id': COMPONENT_ID$5,
859
- 'data-garden-version': '8.42.0',
857
+ 'data-garden-version': '8.44.0',
860
858
  isBare: true
861
859
  }).withConfig({
862
860
  displayName: "StyledInput",
@@ -873,7 +871,7 @@ StyledInput.defaultProps = {
873
871
  var COMPONENT_ID$4 = 'dropdowns.select';
874
872
  var StyledSelect = styled.div.attrs({
875
873
  'data-garden-id': COMPONENT_ID$4,
876
- 'data-garden-version': '8.42.0'
874
+ 'data-garden-version': '8.44.0'
877
875
  }).withConfig({
878
876
  displayName: "StyledSelect",
879
877
  componentId: "sc-xifmwj-0"
@@ -896,7 +894,7 @@ var visibleStyling = function visibleStyling(props) {
896
894
  };
897
895
  var StyledMultiselectInput = styled(StyledInput).attrs({
898
896
  'data-garden-id': COMPONENT_ID$3,
899
- 'data-garden-version': '8.42.0'
897
+ 'data-garden-version': '8.44.0'
900
898
  }).withConfig({
901
899
  displayName: "StyledMultiselectInput",
902
900
  componentId: "sc-1avnf6f-0"
@@ -926,7 +924,7 @@ var sizeStyles = function sizeStyles(props) {
926
924
  };
927
925
  var StyledMultiselectItemsContainer = styled.div.attrs({
928
926
  'data-garden-id': COMPONENT_ID$2,
929
- 'data-garden-version': '8.42.0'
927
+ 'data-garden-version': '8.44.0'
930
928
  }).withConfig({
931
929
  displayName: "StyledMultiselectItemsContainer",
932
930
  componentId: "sc-1jzhet8-0"
@@ -942,7 +940,7 @@ StyledMultiselectItemsContainer.defaultProps = {
942
940
  var COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
943
941
  var StyledMultiselectItemWrapper = styled.div.attrs({
944
942
  'data-garden-id': COMPONENT_ID$1,
945
- 'data-garden-version': '8.42.0'
943
+ 'data-garden-version': '8.44.0'
946
944
  }).withConfig({
947
945
  displayName: "StyledMultiselectItemWrapper",
948
946
  componentId: "sc-1rb2bye-0"
@@ -958,7 +956,7 @@ StyledMultiselectItemWrapper.defaultProps = {
958
956
  var COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
959
957
  var StyledMultiselectMoreAnchor = styled.div.attrs({
960
958
  'data-garden-id': COMPONENT_ID,
961
- 'data-garden-version': '8.42.0'
959
+ 'data-garden-version': '8.44.0'
962
960
  }).withConfig({
963
961
  displayName: "StyledMultiselectMoreAnchor",
964
962
  componentId: "sc-1m9v46e-0"
@@ -1915,7 +1913,7 @@ var Menu = function Menu(props) {
1915
1913
  currentPlacement = _ref.placement;
1916
1914
  var computedStyle = menuStyle;
1917
1915
  scheduleUpdateRef.current = scheduleUpdate;
1918
- if (popperReferenceElementRef.current && popperReferenceElementRef.current.getBoundingClientRect) {
1916
+ if ((isOpen || isVisible) && popperReferenceElementRef.current && popperReferenceElementRef.current.getBoundingClientRect) {
1919
1917
  computedStyle = _objectSpread2({
1920
1918
  width: popperReferenceElementRef.current.getBoundingClientRect().width
1921
1919
  }, menuStyle);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "8.42.0",
3
+ "version": "8.44.0",
4
4
  "description": "Components relating to dropdowns in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,7 +23,7 @@
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-selection": "^1.3.8",
25
25
  "@zendeskgarden/container-utilities": "^0.6.0",
26
- "@zendeskgarden/react-forms": "^8.42.0",
26
+ "@zendeskgarden/react-forms": "^8.44.0",
27
27
  "downshift": "^6.0.0",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.6",
41
- "@zendeskgarden/react-theming": "^8.42.0",
41
+ "@zendeskgarden/react-theming": "^8.44.0",
42
42
  "@zendeskgarden/svg-icons": "6.30.2",
43
43
  "lodash.debounce": "4.0.8"
44
44
  },
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "5cac646f69c4a9bed374d530734272332392671a"
55
+ "gitHead": "9d9905a0496bd902ec67f08cc8de3514045110b2"
56
56
  }