diff --git a/src/components/devsupport/index.ts b/src/components/devsupport/index.ts index ccb1338c1..42b84b2f1 100644 --- a/src/components/devsupport/index.ts +++ b/src/components/devsupport/index.ts @@ -33,6 +33,7 @@ export { PropsService, TextStyleProps, FlexStyleProps, + FlexViewCrossStyleProps, } from './services/props/props.service'; export * from './typings'; diff --git a/src/components/devsupport/services/props/props.service.ts b/src/components/devsupport/services/props/props.service.ts index fbb546d38..083a7f917 100644 --- a/src/components/devsupport/services/props/props.service.ts +++ b/src/components/devsupport/services/props/props.service.ts @@ -91,6 +91,16 @@ export const FlexStyleProps: string[] = [ 'direction', ]; +const FlexViewCrossStyleValues = [ + 'borderBottomWidth', + 'borderLeftWidth', + 'borderRightWidth', + 'borderTopWidth', + 'borderWidth', +]; + +export const FlexViewCrossStyleProps: string[] = FlexStyleProps.filter((el) => !FlexViewCrossStyleValues.includes(el)); + export interface Props { [key: string]: any; } diff --git a/src/components/ui/input/input.component.tsx b/src/components/ui/input/input.component.tsx index 6942684bd..46ba2a9c6 100644 --- a/src/components/ui/input/input.component.tsx +++ b/src/components/ui/input/input.component.tsx @@ -25,6 +25,7 @@ import { FalsyFC, FalsyText, FlexStyleProps, + FlexViewCrossStyleProps, PropsService, RenderProp, WebEventResponder, @@ -181,7 +182,7 @@ export class Input extends React.Component implements WebEventRespon private getComponentStyle = (source: StyleType) => { const flatStyles: ViewStyle = StyleSheet.flatten(this.props.style); - const { rest: inputContainerStyle, ...containerStyle } = PropsService.allWithRest(flatStyles, FlexStyleProps); + const { rest: inputContainerStyle, ...containerStyle } = PropsService.allWithRest(flatStyles, FlexViewCrossStyleProps); const { textMarginHorizontal,