[web] Fix scale

[m-bert]

Description

This PR does 2 things:

1. Adds check if style.scale is defined in order to avoid crash when trying to call split method
2. Fixes incorrect scaleY if only one value was present in style.scale

Note

While I'm not sure why style.scale was undefined when it should be none, I suspect that this may be caused by NativeWind

Test plan

Using code below I've verified that scale is calculated correctly by manipulating element.style in inspector.

Test code

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Gesture, GestureDetector } from 'react-native-gesture-handler';

export default function EmptyExample() {
  const g = Gesture.Pan();
  return (
    <View style={styles.container}>
      <GestureDetector gesture={g}>
        <View style={styles.box} />
      </GestureDetector>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },

  box: {
    width: 100,
    height: 100,
    backgroundColor: 'plum',
    borderRadius: 10,
  },
});

Style	Logs

[EvertEt]

Hey @m-bert ! We came across an uptick of this split crash on our side as well. Do you know if there is a release planned soon including this fix?

Many thanks in advance and for this fix!

[j-piasecki]

Hi @EvertEt! Most likely this or the next week.

[EvertEt]

Thank you! 🤞