Bug 1565992 - attendees dialog recipients area needs scrollbars when adding many invitees. r=darktrojan

calendar/base/content/dialogs/calendar-event-dialog-attendees-custom-elements.js

@@ -1407,12 +1407,13 @@ class MozCalendarEventFreebusyRow extends MozXULElement {
         this.offset = 0;
         this.mStartDate = null;
         this.mEndDate = null;
-        this.range = 0;
         this.startHour = 0;
         this.endHour = 24;
         this.mForce24Hours = false;
         this.mZoomFactor = 100;
         this.initTimeRange();
+        // XXX: range should not be taken from an element by id.
+        // Move the range attribute to calendar-event-freebusy-row?
         this.range = Number(document.getElementById("freebusy-grid").getAttribute("range"));
         this.onLoad();
     }

calendar/base/content/dialogs/calendar-event-dialog-attendees.xul

@@ -72,7 +72,7 @@
   <hbox flex="1">
     <vbox id="attendees-container" flex="1" width="250" persist="width">
       <box class="attendee-spacer-top"/>
-      <calendar-event-attendees-list flex="1" id="attendees-list" class="listbox-noborder">
+      <calendar-event-attendees-list flex="1" id="attendees-list" class="listbox-noborder" orient="vertical">
         <richlistitem class="addressingWidgetItem" allowevents="true">
           <hbox class="addressingWidgetCell" width="27" align="center" pack="center">
             <image class="status-icon"/>
@@ -121,12 +121,12 @@
               </hbox>
             </richlistitem>
           </calendar-event-freebusy-timebar>
-          <calendar-event-freebusy-grid flex="1"
-                                        id="freebusy-grid"
+          <calendar-event-freebusy-grid id="freebusy-grid"
+                                        flex="1"
+                                        orient="vertical"
                                         range="16"
                                         class="listbox-noborder"
                                         seltype="multiple"
-                                        rows="-1"
                                         disabled="true">
             <richlistitem class="addressingWidgetItem"
                           allowevents="true">

calendar/base/themes/common/dialogs/calendar-event-dialog.css

@@ -298,9 +298,6 @@ label.label {
 #freebusy-grid {
     min-width: 1px;
     -moz-user-focus: normal;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
     overflow: hidden;
 }
 
@@ -626,8 +623,6 @@ calendar-event-freebusy-day > box {
 #attendees-list {
     -moz-user-focus: normal;
     overflow: hidden;
-    display: flex;
-    flex-direction: column;
 }
 
 #attendees-list > richlistitem {
@@ -651,10 +646,6 @@ calendar-event-freebusy-day > box {
     width: 100%;
 }
 
-.attendees-list-listbox > listboxbody {
-    overflow-y: hidden !important;
-}
-
 .selection-bar-left {
     width: 3px;
     cursor: w-resize;