Merge branch 'main' into next

StaticJsCMS · Nov 7, 2023 · f903bf5 · f903bf5
2 parents d10e754 + d83e1f9
commit f903bf5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/core/dev-test/config.yml b/packages/core/dev-test/config.yml
@@ -71,7 +71,7 @@ collections:
       - label: Body
         name: body
         widget: markdown
-        hint: '*Main* __content__ __*goes*__ [here](example.com).'
+        hint: "*Main* __content__ __*goes*__ [here](https://example.com/)."
   - name: faq
     label: FAQ
     folder: _faqs

diff --git a/packages/core/src/components/common/field/Hint.tsx b/packages/core/src/components/common/field/Hint.tsx
@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import ReactMarkdown from 'react-markdown';
 import gfm from 'remark-gfm';
 
 import useCursor from '@staticcms/core/lib/hooks/useCursor';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { FC } from 'react';
+import type { FC, MouseEvent } from 'react';
 
 import './Hint.css';
 
@@ -37,6 +37,10 @@ const Hint: FC<HintProps> = ({
 }) => {
   const finalCursor = useCursor(cursor, disabled);
 
+  const handleOnClick = useCallback((event: MouseEvent) => {
+    event.stopPropagation();
+  }, []);
+
   return (
     <div
       data-testid="hint"
@@ -48,6 +52,7 @@ const Hint: FC<HintProps> = ({
         variant === 'inline' && classes.inline,
         className,
       )}
+      onClick={handleOnClick}
     >
       <ReactMarkdown
         remarkPlugins={[gfm]}