title: Problem with autoscroll property, scrollbar over items
body: <p>Well, I start with the problematics. When the autoscroll is activated, the bar is positioned above the elements, and of course, it is not that this affects the system but it looks a little ugly, what I want is that the elements auto adjust so that they are anchored to the scroll bar when it appears, I proceed with the image of the problem:</p>
  <p><a href="https://i.stack.imgur.com/DZGb9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DZGb9.png" alt="Main problem" /></a></p>
  <p>Now I will specify how is structured the part of the program that comes to the case.</p>
  <p>First we have a <code>TableLayoutPanel</code> which has activated the <code>AutoScroll</code> property and I believe that it is worth to add that <code>Dock</code> is in <code>Fill</code> mode. Dynamically the <code>TableLayoutPanel</code> will be filled with a <code>UserControl</code> of which I proceed to specify its most important aspects.</p>
  <p>It is based on a <code>Panel</code>, which I believe does not have any property that is important to mention (for now), then follows a <code>TableLayoutPanel</code> which has the <code>Anchor</code> property as <code>Top, Left, Right</code> and <code>Dock</code> as <code>None</code>. Well, the thing is that when auto scroll is not needed, the program looks like this:</p>
  <p><a href="https://i.stack.imgur.com/Ds6LE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ds6LE.png" alt="enter image description here" /></a></p>
  <p>It adjusts correctly to the container, the problem happens when the bar appears, the elements do not auto-adjust. However, when I resize the window the elements do adjust, as in the following image:</p>
  <p><a href="https://i.stack.imgur.com/a1bW2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a1bW2.png" alt="enter image description here" /></a></p>