title: Kivy MDBoxLayout keeps increasing width automatically when running, raised [CRITICAL] [Clock] Warning
body: <p>When I add a ChatBubble in my app, that ChatBubble will automatically increase its width for each millisecond although its size is already given.</p>
  <p>The issue shown in the command prompt is</p>
  <blockquote>
  <p>[CRITICAL] [Clock       ] Warning, too much iteration done before the
  next frame. Check your code, or increase the Clock.max_iteration
  attribute</p>
  </blockquote>
  <p>I'm trying to find a way to make ChatBubble work normally like any other chatbox like Messenger or Whatsapp, I also tried to find the problem in my code for hours but couldn't. Any help would be appreciated.</p>
  <p>I converted the part of the problem code into a small app for you to see the issue easier.</p>
  <p>.py file</p>
  <pre><code>from kivy.lang import Builder
  from kivy.properties import BooleanProperty, DictProperty, OptionProperty, StringProperty
  from kivymd.app import MDApp 
  #from components.label import PLabel
  from kivymd.uix.boxlayout import MDBoxLayout, BoxLayout
  from kivy.uix.scrollview import ScrollView
  from kivy.uix.screenmanager import Screen
  from kivy.uix.stacklayout import StackLayout
  from kivy.uix.button import Button
  
  class ChatBubble(MDBoxLayout):
      send_by_user = BooleanProperty()
      msg = StringProperty()
      time = StringProperty()
  
  class Container(MDBoxLayout):
      def on_button_click(self):
          self.on_start()
      def on_start(self):
          self.c = ChatBubble()
          self.c.send_by_user = True
          self.c.msg = &quot;hello world&quot;
          self.c.time = &quot;11:22AM&quot;
          self.ids[&quot;lst&quot;].add_widget(self.c)
          
  class MainApp(MDApp):
      def build(self):
          self.root = Builder.load_file(&quot;chat_bubble.kv&quot;)
  
  if __name__ == &quot;__main__&quot;:
      MainApp().run()
  </code></pre>
  <p>.kv file</p>
  <pre><code>Container:
   
  &lt;Container&gt;:
      orientation: &quot;vertical&quot;
      ScrollView:
          MDList:
              id: lst
              spacing: 5
              padding: [0, 10, 0, 10]
      Button:
          text: &quot;Click&quot;
          on_press:
              root.on_button_click()
  
  &lt;ChatBubble&gt;:
      id: chtbld
      md_bg_color: [0, 0, 0, 0]
      size_hint_y: None
      height: 60
      adaptive_height: True
      width: root.width
      padding: [10, 0, 10, 0]
      orientation: 'vertical'
  
      MDBoxLayout:
          height: msg_content.height + timed.height + 10
          width: msg_content.width + wid1.width + wid2.width
          size_hint: None, None
          pos_hint: {'right': 1} if chtbld.send_by_user == True else {'left': 1}
          radius: [10, 10, (1, -5), 10] if self.pos_hint == {'right': 1} else [10, 10, 10, (1, -5)]
          md_bg_color: app.theme_cls.primary_dark if root.send_by_user else app.theme_cls.primary_color
          Spacer:
              id: wid1
          MDBoxLayout:
              orientation: 'vertical'
              height: msg_content.height + tc.height + wid3.height
              width: msg_content.width
  
              MDLabel:
                  id: msg_content
                  text: root.msg
                  width: tc.width if self.texture_size[0] &lt; tc.width else self.texture_size[0]
                  height: self.texture_size[1]
                  size_hint_y: None
                  text_size: chtbld.width-30 if self.width &gt;= chtbld.width-30 else None, None
                  halign: 'left'
                  color: app.theme_cls.opposite_bg_normal
  
              MDBoxLayout:
                  id: tc
                  size_hint_y: None
                  height: timed.height
                  width: timed.width + 3
                  spacing: 3
                  MDLabel:
                      id: timed
                      text: root.time
                      size: self.texture_size
                      size_hint_y: None
                      font_size: 9
                      bold: True
                      halign: 'right'
                      text_size: None, None
                      color: [.8, .8, .8, 1]
              Spacer:
                  id: wid3
                  height: 5
          Spacer:
              id: wid2
  
  &lt;Spacer@Widget&gt;:
      id: wid
      width: 5
      size_hint: None, None
  </code></pre>