search

Byteclaw / visage

Visage design system
https://visage.design
MIT License
12 stars 3 forks source link

[TextInput] - if customised styles sometimes it prevents scroll #648

Open michalkvasnicak opened 3 years ago

michalkvasnicak commented 3 years ago

If you change the styles of TextInput and seems to be an inner scroll bar, it prevents scrolling of a parent

TextInputBase: {
    backgroundColor: 'textInputBackground',
    borderColor: 'textInputBorder',
    fontFamily: 'body',
    fontSize: [-1, 0],
    lineHeight: [-1, 0],
    '&:focus, &[data-focused="true"]': {
      boxShadow: createControlFocusShadow('textInputBorder'),
    },
    '&[data-disabled="true"]': {
      backgroundColor: 'neutral',
    },
    '&[data-invalid="true"]': {
      borderWidth: 1,
      borderColor: 'danger',
      '&:focus, &[data-focused="true"]': {
        boxShadow: createControlFocusShadow('danger'),
      },
    },
  },
  TextInputControl: {
    px: 4,
    py: 3,
    '&::placeholder': {
      color: 'color(secondary alpha(0.4))',
      fontWeight: 'normal',
    },
  },