docs(gv-table): add notes about select integration

fix: #329
gravitee-io · Nov 16, 2021 · 7de4795 · 7de4795
1 parent 1374218
commit 7de4795
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/atoms/gv-select.js b/src/atoms/gv-select.js
@@ -27,7 +27,9 @@ import { InputElement } from '../mixins/input-element';
 import { withResizeObserver } from '../mixins/with-resize-observer';
 
 /**
- * A select component.
+ * A select component, is more like a list box...
+ * ⚠️ Please use `<gv-select-native>` component if you don't need strong customization.
+ * ⚠️ DO NO USE IT inside a `<gv-table>` component to avoid any scroll or overlapping issue.
  *
  * ## Details
  * * has @theme facet

diff --git a/stories/molecules/gv-table.stories.js b/stories/molecules/gv-table.stories.js
@@ -148,7 +148,7 @@ export const components = makeStory(conf, {
         data: [
           { field: 'name', label: 'Name' },
           { field: 'value', label: 'Component', type: 'gv-input', attributes: { clipboard: true } },
-          { label: 'List', type: 'gv-select', attributes: { options: ['Admin', 'Owner'] } },
+          { label: 'List', type: 'gv-select-native', attributes: { options: ['Admin', 'Owner'] } },
           { label: 'Button', type: 'gv-button', attributes: { innerHTML: 'Click me !' } },
           {
             label: 'Confirm',
@@ -194,7 +194,7 @@ export const dynamicRows = makeStory(conf, {
           {
             field: 'name',
             label: 'Name',
-            type: (item) => (item._new ? 'gv-input' : item._select ? 'gv-select' : 'label'),
+            type: (item) => (item._new ? 'gv-input' : item._select ? 'gv-select-native' : 'label'),
             attributes: {
               innerHTML: (item) => (item._new ? '' : item.name),
               required: true,