Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Seeing a green rectangle around the border of the gallery app when I run it #16810

Open
DaveShuckerow opened this issue Apr 20, 2018 · 15 comments

Comments

@DaveShuckerow
Copy link
Contributor

commented Apr 20, 2018

Steps to Reproduce

Running the flutter gallery, I see a green border around it off of master.

Doctor

Version:
Flutter (Channel master, v0.3.3-pre.2, on Linux, locale en_US.UTF-8)

@pboos

This comment has been minimized.

Copy link

commented May 24, 2018

I just noticed this with an app I am building. In the emulator it didn't have it. On a Nexus 5X I didn't have it either. On the Pixel 2 it is showing a green border of about the size of 1dp. But it seems to only show it on the Pixel 2 if the app is connected. At other times I have not seen it. Seems a little strange that sometimes it happens and other times not.

App is built in debug mode.

Doctor:

Flutter 0.4.4 • channel beta • https://github.com/flutter/flutter.git
Framework • revision f9bb4289e9 (12 days ago) • 2018-05-11 21:44:54 -0700
Engine • revision 06afdfe54e
Tools • Dart 2.0.0-dev.54.0.flutter-46ab040e58

screenshot_20180524-210513

@pplante

This comment has been minimized.

Copy link

commented Jul 12, 2018

I am seeing this in my app when trying to capture a screenshot or screencast from the emulator. Is there any workaround? I believe this is caused by something in the Android accessibility?

@jonahwilliams

This comment has been minimized.

Copy link
Contributor

commented Jul 12, 2018

I have seen this before, but it is difficult to reproduce. Visually, that does look a lot like the TalkBack a11y focus, I will take a look and see what I can find

@jonahwilliams jonahwilliams self-assigned this Jul 12, 2018
@zoechi zoechi added the framework label Jul 12, 2018
@lgArlequin

This comment has been minimized.

Copy link

commented Aug 29, 2018

I have this problem when test an app in a Oneplus one with android 8.1.0, but not in a moto g3 with android 6

@lgArlequin

This comment has been minimized.

Copy link

commented Aug 29, 2018

I solved adding this:
<item name="android:defaultFocusHighlightEnabled">false</item>
to styles.xml.

https://stackoverflow.com/questions/49541354/disable-defaultfocushighlightenabled-in-the-android-part-for-a-xamarin-forms-app

@HannoOttens

This comment has been minimized.

Copy link

commented Aug 31, 2018

Had the same issue after updating to Flutter v0.7.5 on a Oneplus 5T (Android 8.1)

@jpeiffer

This comment has been minimized.

Copy link

commented Oct 10, 2018

Just happened to me on 0.9.4 using the Android Emulator for Pixel API 26.

I had to uninstall and reinstall.

$ flutter doctor -v
[✓] Flutter (Channel beta, v0.9.4, on Mac OS X 10.13.6 17G65, locale en-US)
    • Flutter version 0.9.4 at /Users/jpeiffer/flutter
    • Framework revision f37c235c32 (2 weeks ago), 2018-09-25 17:45:40 -0400
    • Engine revision 74625aed32
    • Dart version 2.1.0-dev.5.0.flutter-a2eb050044

[✓] Android toolchain - develop for Android devices (Android SDK 28.0.2)
    • Android SDK at /Users/jpeiffer/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.2
    • ANDROID_HOME = /Users/jpeiffer/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)
    • All Android licenses accepted.

[✓] iOS toolchain - develop for iOS devices (Xcode 10.0)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 10.0, Build version 10A255
    • ios-deploy 1.9.2
    • CocoaPods version 1.5.3

[✓] Android Studio (version 3.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 26.0.1
    • Dart plugin version 173.4700
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)

[✓] VS Code (version 1.27.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 2.18.0

[✓] Connected devices (2 available)
    • Android SDK built for x86                                                                                                                                       
@lgArlequin

This comment has been minimized.

Copy link

commented Oct 10, 2018

I solved adding this:
<item name="android:defaultFocusHighlightEnabled">false</item>
to styles.xml.

https://stackoverflow.com/questions/49541354/disable-defaultfocushighlightenabled-in-the-android-part-for-a-xamarin-forms-app

Did you try this?

artob added a commit to sampoapp/sampo that referenced this issue Nov 2, 2018
artob added a commit to conreality/conreality-player that referenced this issue Nov 2, 2018
@rostopira

This comment has been minimized.

Copy link
Contributor

commented Dec 17, 2018

Same issue with Flutter v1.0 on OnePlus 5T (Android 9)

@jpeiffer

This comment has been minimized.

Copy link

commented Dec 22, 2018

I saw it using a Pixel 2 & 3 Emulator. I'm not at liberty to share the code or important part of the screen, but I can share the upper right corner that at shows the issue.

green_outline

This has been happening randomly since IO. It only seems to happen in debug mode (thankfully), but the fact that it happens is creating resistance to using Flutter on a wider scale.

Results of Flutter Doctor:

[✓] Flutter (Channel beta, v1.0.0, on Mac OS X 10.14 18A391, locale en-US)
    • Flutter version 1.0.0 at /Users/jpeiffer/flutter
    • Framework revision 5391447fae (3 weeks ago), 2018-11-29 19:41:26 -0800
    • Engine revision 7375a0f414
    • Dart version 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    • Android SDK at /Users/jpeiffer/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • ANDROID_HOME = /Users/jpeiffer/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)
    • All Android licenses accepted.

[!] iOS toolchain - develop for iOS devices (Xcode 10.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 10.1, Build version 10B61
    ✗ Verify that all connected devices have been paired with this computer in Xcode.
      If all devices have been paired, libimobiledevice and ideviceinstaller may require updating.
      To update with Brew, run:
        brew update
        brew uninstall --ignore-dependencies libimobiledevice
        brew uninstall --ignore-dependencies usbmuxd
        brew install --HEAD usbmuxd
        brew unlink usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    • ios-deploy 1.9.4
    • CocoaPods version 1.5.3

[✓] Android Studio (version 3.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 31.1.1
    • Dart plugin version 173.4700
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)

[✓] VS Code (version 1.30.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 2.21.1

[✓] Connected device (1 available)
    • Android SDK built for x86 • emulator-5554 • android-x86 • Android 9 (API 28) (emulator)

! Doctor found issues in 1 category.

@JimmyRobz

This comment has been minimized.

Copy link

commented Jan 6, 2019

I solved adding this:
<item name="android:defaultFocusHighlightEnabled">false</item>
to styles.xml.

https://stackoverflow.com/questions/49541354/disable-defaultfocushighlightenabled-in-the-android-part-for-a-xamarin-forms-app

This solution from @lgArlequin works for me!

@zoechi zoechi added this to the Goals milestone Jan 7, 2019
BeMacized added a commit to BeMacized/VocaloidPlayer that referenced this issue Jan 11, 2019
@shakes80

This comment has been minimized.

Copy link

commented Feb 5, 2019

I solved adding this:
<item name="android:defaultFocusHighlightEnabled">false</item>
to
./android/app/src/main/res/values/styles.xml

@efortuna

This comment has been minimized.

Copy link
Contributor

commented Apr 16, 2019

A great way to easily repro this is to run any app on ChromeOS. Very visible.

@Dancovich

This comment has been minimized.

Copy link

commented Jul 13, 2019

Just saw this on my release app on a Galaxy S8 compiled with Flutter 1.7.8 hotfix 3.

Couldn't reproduce it later for screenshot. Will try the defaultFocusHighlightEnabled workaround next.

@ra7bi

This comment has been minimized.

Copy link

commented Jul 21, 2019

I'm having same problem with my pixel 2 but at the bottom of my app border , i tried defaultFocusHighlightEnabled and still same , Im getting yellow rectangle . Please help

HINT :

if you run the app from your android home screen which have for example yellow background image the edges would be yellow and if other colors it would be different so it depend on the background of your phone

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
You can’t perform that action at this time.