Ability to render Touchable as <button> on web

[kirill-kruchkov]

A bug

Button and Touchable components render as <div>s though from #391 I can see that if accessibilityRole=button then it should render as <button>.

Demo repo
https://github.com/kirill-kruchkov/react-native-web-button-demo (please see TouchableHighlight usage in src/Home.js).

What is the expected behavior?
Render Touchables with accessibilityRole=button as <button> on web.

[dcalhoun]

Note: The button role is not implemented using the native button element due to browsers limiting the use of flexbox layout on its children.

This is an intentional decision referenced in the documentation.

[kirill-kruchkov]

@dcalhoun thank you, missed that part

[efoken]

@kirill-kruchkov @dcalhoun I would like to re-open this issue. It would be really nice, if we have the ability to render i.e. <button> elements with type="submit".

There is a workaround for the flexbox issue with the <button> element according to Flexbug #9 and some browsers are already fixed.

[dcalhoun]

@efoken I'd recommend opening a new issue specifically outlining the details behind your need for a <button type="submit" />. It's more likely that the project maintainer would weigh in on a new issue.