Skip to content

Commit 75878a5

Browse files
committed
fix: issues with outlines
Closes #30 #31
1 parent d38210f commit 75878a5

File tree

2 files changed

+15
-5
lines changed

2 files changed

+15
-5
lines changed

src/InputSpinner.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -807,8 +807,7 @@ class InputSpinner extends Component {
807807
fontFamily: this.props.fontFamily,
808808
borderColor: this.props.showBorder ? this._getColor() : "transparent",
809809
backgroundColor: this.props.background,
810-
height: this.props.height,
811-
flex: 1,
810+
height: this.props.height
812811
},
813812
this.props.inputStyle,
814813
];

src/Style.js

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
* @author Marco Cesarato <[email protected]>
44
*/
55

6-
import {StyleSheet} from "react-native";
6+
import {Platform, StyleSheet} from "react-native";
77

88
export const Style = StyleSheet.create({
99
container: {
@@ -31,7 +31,12 @@ export const Style = StyleSheet.create({
3131
alignItems: "center",
3232
justifyContent: "center",
3333
borderRadius: 999,
34-
outlineWidth: 0,
34+
...Platform.select({
35+
web: {
36+
outlineWidth: 0,
37+
outline: "none"
38+
},
39+
})
3540
},
3641
buttonText: {
3742
color: "white",
@@ -41,6 +46,12 @@ export const Style = StyleSheet.create({
4146
flex: 1,
4247
textAlign: "center",
4348
justifyContent: "center",
44-
outlineWidth: 0,
49+
borderWidth: 0,
50+
...Platform.select({
51+
web: {
52+
outlineWidth: 0,
53+
outline: "none"
54+
},
55+
})
4556
},
4657
});

0 commit comments

Comments
 (0)