Skip to content

Commit 7853f72

Browse files
author
Artur Bien
committed
fix(selectbase): display focus outline on pressed item
1 parent b04685a commit 7853f72

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/Select/SelectBase.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,14 @@ const SelectItem = ({ option, onPress, isSelected }: SelectItemProps) => {
3030
underlayColor='none'
3131
// delay to prevent item highlighting on scroll
3232
delayPressIn={70}
33+
activeOpacity={1}
3334
>
3435
<View
3536
style={[
3637
styles.center,
3738
styles.optionWrapper,
3839
{
40+
borderColor: isPressed ? theme.focusSecondary : 'transparent',
3941
backgroundColor:
4042
isPressed || isSelected ? theme.hoverBackground : theme.canvas,
4143
},
@@ -70,6 +72,8 @@ const styles = StyleSheet.create({
7072
},
7173
optionWrapper: {
7274
height: selectHeight - 4,
75+
borderWidth: 2,
76+
borderStyle: 'dotted',
7377
},
7478
optionText: {
7579
fontSize: 16,

0 commit comments

Comments
 (0)