fix: inline display for comment links

src/components/HTMLEngineProvider/BaseHTMLEngineProvider.js

@@ -10,6 +10,7 @@ import htmlRenderers from './HTMLRenderers';
 import * as HTMLEngineUtils from './htmlEngineUtils';
 import styles from '../../styles/styles';
 import fontFamily from '../../styles/fontFamily';
+import defaultViewProps from './defaultViewProps/defaultViewProps';
 
 const propTypes = {
     /** Whether text elements should be selectable */
@@ -50,8 +51,6 @@ const customHTMLElementModels = {
     }),
 };
 
-const defaultViewProps = {style: [styles.alignItemsStart, styles.userSelectText]};
-
 // We are using the explicit composite architecture for performance gains.
 // Configuration for RenderHTML is handled in a top-level component providing
 // context to RenderHTMLSource components. See https://git.io/JRcZb

src/components/HTMLEngineProvider/defaultViewProps/defaultViewProps.native.js

@@ -0,0 +1,5 @@
+import styles from '../../../styles/styles';
+
+export default {
+    style: [styles.dFlex, styles.userSelectText],
+};

src/components/HTMLEngineProvider/defaultViewProps/defaultViewProps.web.js

@@ -0,0 +1,6 @@
+import styles from '../../../styles/styles';
+
+export default {
+    style: [styles.dBlock, styles.userSelectText],
+};
+

src/components/ThumbnailImage.js

@@ -87,7 +87,7 @@ class ThumbnailImage extends PureComponent {
 
     render() {
         return (
-            <View style={[this.props.style, styles.overflowHidden]}>
+            <View style={[this.props.style, styles.overflowHidden, styles.alignSelfStart]}>
                 <View
                     style={[
                         StyleUtils.getWidthAndHeightStyle(this.state.thumbnailWidth, this.state.thumbnailHeight),

src/styles/utilities/display.js

@@ -20,4 +20,7 @@ export default {
     dInline: {
         display: 'inline',
     },
+    dBlock: {
+        display: 'block',
+    },
 };