timheuer / callisto

A control toolkit for Windows 8 XAML applications. Contains some UI controls to make it easier to create Windows UI style apps for the Windows Store in accordance with Windows UI guidelines.
http://timheuer.com/blog/archive/2012/05/31/introducing-callisto-a-xaml-toolkit-for-metro-apps.aspx
Other
338 stars 108 forks source link

Flyout touch SIP issue #70

Closed rudigrobler closed 12 years ago

rudigrobler commented 12 years ago

Flyout do not re-adjust position if SIP is displayed (and overlapping) the flyout

Recreate:

  1. Create a app bar button
  2. On click create a flyout with a textbox inside
  3. Run app in simulator and turn on touch simulation
  4. Open appbar and click on button

Flyout is now behind the SIP

timheuer commented 12 years ago

You need to parent your flyout in the visual tree if you want this effect. See the test app in an example of this.

-th

Sent from mobile - please excuse tone and brevity

On Aug 23, 2012, at 12:28 AM, rudigrobler notifications@github.com wrote:

Flyout do not re-adjust position if SIP is displayed (and overlapping) the flyout

Recreate:

  1. Create a app bar button
  2. On click create a flyout with a textbox inside
  3. Run app in simulator and turn on touch simulation
  4. Open appbar and click on button

Flyout is now behind the SIP

— Reply to this email directly or view it on GitHub.

rudigrobler commented 12 years ago

It is parented to the button?

timheuer commented 12 years ago

Likely no, the button is just triggering it.

rudigrobler commented 12 years ago

I used the following code:

Flyout f = new Flyout(); f.PlacementTarget = sender as UIElement; f.Placement = PlacementMode.Top; f.Content = new TextBox() { Width = 200 }; f.IsOpen = true;

Where sender is the button inside the AppBar?

Once you click inside the TextBox, the SIP overlap the flyout?

timheuer commented 12 years ago

That does not parent the flyout. You need to add the HostPopup as a child element of some visual element (that supports children)

PlacementTarget is used for positioning not parenting.

-th

Sent from mobile - please excuse tone and brevity

On Aug 23, 2012, at 11:24 PM, rudigrobler notifications@github.com wrote:

I used the following code:

Flyout f = new Flyout(); f.PlacementTarget = sender as UIElement; f.Placement = PlacementMode.Top; f.Content = new TextBox() { Width = 200 }; f.IsOpen = true;

Where sender is the button inside the AppBar?

Once you click inside the TextBox, the SIP overlap the flyout?

— Reply to this email directly or view it on GitHub.