Bug 37842 - Animated button is not clickable
Summary: Animated button is not clickable
Status: CONFIRMED
Alias: None
Product: Forms
Classification: Xamarin
Component: Android ()
Version: unspecified
Hardware: PC Mac OS
: --- normal
Target Milestone: ---
Assignee: Bugzilla
URL:
Depends on:
Blocks:
 
Reported: 2016-01-20 16:23 UTC by Cody Beyer (MSFT)
Modified: 2016-09-30 21:33 UTC (History)
5 users (show)

Tags: AC
Is this bug a regression?: ---
Last known good build:

Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.


Please create a new report for Bug 37842 on Developer Community or GitHub if you have new information to add and do not yet see a matching new report.

If the latest results still closely match this report, you can use the original description:

  • Export the original title and description: Developer Community HTML or GitHub Markdown
  • Copy the title and description into the new report. Adjust them to be up-to-date if needed.
  • Add your new information.

In special cases on GitHub you might also want the comments: GitHub Markdown with public comments

Related Links:
Status:
CONFIRMED

Description Cody Beyer (MSFT) 2016-01-20 16:23:10 UTC
### Description

The following app demonstrates an issue with animated clickable items. The red button is clickable only on the portion that was on the screen at its first draw, once the animated portion appears, that portion is not clickable, despite being the “same button”

### Sample

https://www.dropbox.com/s/o8os8fwvgzg4l3o/UiNotWorking.zip?dl=0

### Video

https://www.dropbox.com/s/10bfzxqdqrwkpx4/ButtonAnimateClick.mov?dl=0

### Steps to Reproduce

1. Download Sample
2. Deploy to Android Emulator or device
3. Click red area
4. Click the newly available red area

### Expected Results

Clicking the newly available red area on step 4 should cause the box to animate back down

### Actual Results

Nothing Happens

### Versions

=== Xamarin Studio ===

Version 5.10.2 (build 53)
Installation UUID: 2db5537f-b623-4d6b-85d5-fe6e23903af1
Runtime:
	Mono 4.2.2 (explicit/efae6a0)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 402020029

=== Xamarin.Profiler ===

Not Installed

=== Apple Developer Tools ===

Xcode 7.2 (9548)
Build 7C68

=== Xamarin.iOS ===

Version: 9.4.1.23 (Business Edition)
Hash: 7f1cef9
Branch: master
Build date: 2016-01-15 19:47:34-0500

=== Xamarin.Android ===

Version: 6.0.1.9 (Business Edition)
Android SDK: /Users/codybeyer/Library/Developer/Xamarin/android-sdk-macosx
	Supported Android versions:
		4.0.3 (API level 15)
		4.4   (API level 19)
		6.0   (API level 23)

SDK Tools Version: 24.4.1
SDK Platform Tools Version: 23.1.0
SDK Build Tools Version: 23.0.2

Java SDK: /usr
java version "1.7.0_71"
Java(TM) SE Runtime Environment (build 1.7.0_71-b14)
Java HotSpot(TM) 64-Bit Server VM (build 24.71-b01, mixed mode)

=== Xamarin Android Player ===

Version: 0.6.5
Location: /Applications/Xamarin Android Player.app

=== Xamarin.Mac ===

Version: 2.4.1.5 (Business Edition)

=== Build Information ===

Release ID: 510020053
Git revision: 7ee6b4076e3f2907ae518876a91babcfdc2ea20e
Build date: 2016-01-15 11:54:57-05
Xamarin addins: 650d2ecb32cf74b3a4ac610d868925d5880f2967
Build lane: monodevelop-lion-cycle6-c6sr1

=== Operating System ===

Mac OS X 10.11.2
Darwin Codys-Mac.local 15.2.0 Darwin Kernel Version 15.2.0
	Fri Nov 13 19:56:56 PST 2015
	root:xnu-3248.20.55~2/RELEASE_X86_64 x86_64
Comment 1 Chris King 2016-01-21 21:02:41 UTC
Cody, I'm showing no repro. Clicking on the new red area does cause it to animate down..
Comment 2 Cody Beyer (MSFT) 2016-01-21 22:23:34 UTC
@Chris,

Which device are you testing this on? I am reproducing the issue on Android Emulator and Amazon Fire Phone
Comment 3 Stephen 2016-01-29 14:24:28 UTC
Hi, is there any update on this? I can also reproduce this on the Android emulator and Samsung A3. The top red area always works but the button (new) red area that animates up from the bottom of the screen doesn't respond when clicked. 

It's not just buttons that don't work once they've been animated on screen from being only partly displayed on screen, the scroll view also doesn't scroll once it's on screen. 

I'm using Xamarin version 2.0.0.6482

Best,
Stephen
Comment 4 Al Clark [MSFT] 2016-02-02 11:08:33 UTC
Repro'd on Nexus 6 running 6.0.1 even after updating to Forms 2 in project.
Comment 5 Stephen 2016-02-02 11:11:19 UTC
Thanks, please note that this problem also occurs with the ScrollView when it's rendered partially off screen, it's not scrollable when it animates on to the screen.
Comment 6 adrianknight89 2016-09-30 21:33:51 UTC
I tested this in XF 2.3.3.152-pre2. The issue still exists. However, I'm trying to decide if this is a bug or intended behavior.

The title says animated button, but you're not animating the button itself. You're animating the parent (viewLayout which is an absolute layout).

The bottom part of the button overflows its parent and overlays on top of the content view. When you tap the bottom half, you are actually tapping on contentView. (To verify, attach a gesture recognizer to contentView)

If you set viewLayout.IsClippedToBounds = true, then the button should not overflow its parent.