title: Software keyboard overlaps content of jetpack compose view
body: <p>Suppose I have some activity with a jetpack-compose content</p>
  <pre class="lang-kotlin prettyprint-override"><code>class MainActivity : AppCompatActivity() {
  
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          setContent {
              ScrollableColumn(
                  modifier = Modifier
                      .fillMaxSize()
                      .border(4.dp, Color.Red)
              ) {
                  val (text, setText) = remember { mutableStateOf(&quot;&quot;) }
  
                  TextField(
                      value = text,
                      onValueChange = setText,
                      label = {},
                      modifier = Modifier
                          .fillMaxWidth()
                  )
  
                  for (i in 0..100) {
                      Text(&quot;Item #$i&quot;)
                  }
              }
          }
      }
  
  }
  
  </code></pre>
  <p>If I were to launch this activity and focus on the TextField a software keyboard would pop up.</p>
  <p>The interface, however, would not react to it. ScrollableColumn's bottom border (<code>.border(4.dp, Color.Red)</code>) would not be visible, as well as 100th item (<code>Text(&quot;Item #$i&quot;)</code>).</p>
  <p>In other words, software keyboard overlaps content.</p>
  <p>How can I make jetpack compose respect visible area changes (due to software keyboard)?</p>