Border of a textfield is distorted upon focus. #78855
Description
If I select that textfield in flutter web, the lower left corner looks strange. The line on the bottom is longer than the line on the top. This leads to a crooked left vertical line.
unselected the corner is again 90°:
Code:
var textFiledBorderDefinition = OutlineInputBorder(borderRadius: BorderRadius.zero);
TextField searchTextField = TextField(
obscureText: false,
decoration: InputDecoration(border: textFiledBorderDefinition, fillColor: Colors.white, filled: true, hoverColor: Colors.white,
labelText: 'Suche', ),
controller: searchController,
onSubmitted: onSearchButtonPressed,
);
doctor -v
``` [√] Flutter (Channel beta, 2.1.0-12.2.pre, on Microsoft Windows [Version 10.0.19042.804], locale de-DE) • Flutter version 2.1.0-12.2.pre at C:\Users\akilian\Flutter SDK\flutter • Framework revision 5bedb7b (5 days ago), 2021-03-17 17:06:30 -0700 • Engine revision 711ab3fda0 • Dart version 2.13.0 (build 2.13.0-116.0.dev)[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at C:\Users\akilian\AppData\Local\Android\sdk
• Platform android-30, build-tools 30.0.3
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
X Android license status unknown.
Run flutter doctor --android-licenses to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[√] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[√] Android Studio (version 4.1.0)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
[√] VS Code (version 1.52.1)
• VS Code at C:\Users\akilian\AppData\Local\Programs\Microsoft VS Code
• Flutter extension can be installed from:
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[√] Connected device (2 available)
• Chrome (web) • chrome • web-javascript • Google Chrome 89.0.4389.90
• Edge (web) • edge • web-javascript • Microsoft Edge 88.0.705.74
! Doctor found issues in 1 category.
</details>
Metadata
Metadata
Assignees
Labels
Type
Projects
Status