title: I can't position my buttons in scrollview in kivy
body: <p>Im creating a simple chat room and i want it to look like whatsapp and messager so I add ScrollView and inside the ScrollView I make a GridLayout class to be containers of upcoming message but when I add AnchorLayout to position the Button inside the GridLayout my widget are colliding and its get messy</p>
  <p><a href="https://i.stack.imgur.com/9sAVU.jpg" rel="nofollow noreferrer">See the 2 button that colliding </a></p>
  <p>Here are my code in that part:</p>
  <pre><code>         ScrollView:
              size_hint: 1 , 0.8
              scroll_distance: 0
              
              
              BoxLayout:
                  id: messages
                  cols: 1
                  size_hint_y: None
                  height:self.minimum_height
                  spacing: dp(10)
                  orientation: &quot;vertical&quot;
                  
                  
                  # Display Date
                  Button:
                      
                      text: root.now
                      align: &quot;center&quot;
                      
                      size_hint: 1 , None
                      height: self.texture_size[1] + dp(15)
                  
                  AnchorLayout:
                      
                      anchor_x: &quot;right&quot;
                      size: test.size[0] , test.size[1] + dp(20)
                      
                      Button:
                          id: test
                          text: root.now
                          align: &quot;center&quot;
                          
                          size_hint: None , None
                          height: self.texture_size[1] + dp(15)
                          width: self.texture_size[0] + dp(15)
                          
                  
  </code></pre>