title: All the content in the MDDialog is overlapping
body: <p>I tried adding adaptive_height to kv in gridlayout but it made the overlapping much worse.
  and tried using other layout but then placement becomes difficult.</p>
  <p>.KV code</p>
  <pre><code>&lt;Settings_Dialog&gt;
      rows: 4
      adaptive_height: True
      
      MDLabel:
          text: 'App Settings'
          font_size: 15
  
      MDGridLayout:
          cols: 2
          rows: 1
          MDLabel:
              text: 'App Theme'
              font_size: 10
          ToggleButton:
              id: darklight
              text: {'normal':'LIGHT', 'down':'DARK'}[self.state]
              color: {'normal':[0,0,0], 'down':[1,1,1]}[self.state]
              background_color: {'normal':[1,1,1,1], 'down':[0,0,0,1]}[self.state]
              font_size: self.height * .6
              on_press: print(self.state)
              size_hint: 0.2, 0.8
  
      MDLabel:
          text: 'Plot Settings'
          font_size: 15
  
      MDGridLayout:
          rows: 3
          cols: 2
  
          MDLabel:
              text: &quot;Plot Type&quot;
              font_size: 10
          MDDropDownItem:
              id: g_type
              text: 'Candle'
              font_size: 10
              #current_item: 'Candle'
              on_release: root.plot_type.open()
          MDLabel:
              text: 'Plot Color'
              font_size: 10
          MDDropDownItem:
              id: g_color
              text: 'Default'
              font_size: 10
              #current_item: 'Default'
              on_release: root.plot_color.open()
          MDLabel:
              text: 'Volume'
              font_size: 10
          MDSwitch:
              active: True
              size_hint: 0.3,0.8
  </code></pre>
  <p>.py code part</p>
  <pre><code>class MainScreen(MDScreen):
      def settings(self):
          close_button = MDFlatButton(
              text = 'Close',
              font_size = 15,
              on_release = self.close_settings,
              opacity = 0.5
          )
          save_button = MDFlatButton(
              text = 'Save Changes',
              font_size = 15,
              on_release = self.savee,
              opacity = 0.5
          )
          self.settings = MDDialog(
                      title = 'Settings',
                      auto_dismiss = False,
                      type = 'custom',
                      content_cls = Settings_Dialog(),
                      buttons = [save_button, close_button]
          )
          self.settings.open()
          
      def close_settings(self, obj):
          self.settings.dismiss()
      
      def savee(self, obj):
          self.settings.dismiss()
  
  class Settings_Dialog(MDGridLayout):
      ##and have a few function in here but they don't do anything with size...
  </code></pre>
  <p>So, here basically MainScreen is my main screen then on a button press it calls the dialog.</p>
  <p>image of the issue <a href="https://i.stack.imgur.com/ylAHD.png" rel="nofollow noreferrer">you can see the close and switch overlapping</a></p>
  <p>SOLUTION:</p>
  <p>Just put <code>adaptive_height: True</code> in all the objects</p>
  <p>image now <a href="https://i.stack.imgur.com/9alQ1.png" rel="nofollow noreferrer">the overlapping is gone.</a></p>