Fix shadows still shown after resize to fullscreen (#825)

Co-authored-by: Wouter Roozeleer <[email protected]>

Author: xPhentom

src/Table.tsx

@@ -489,6 +489,8 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
       const { scrollWidth, clientWidth } = currentTarget;
       // There is no space to scroll
       if (scrollWidth === clientWidth) {
+        setPingedLeft(false);
+        setPingedRight(false);
         return;
       }
       if (isRTL) {

tests/FixedColumn.spec.js

@@ -1,10 +1,9 @@
-import React from 'react';
 import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { resetWarned } from 'rc-util/lib/warning';
+import RcResizeObserver from 'rc-resize-observer';
 import { spyElementPrototype } from 'rc-util/lib/test/domHook';
+import { resetWarned } from 'rc-util/lib/warning';
+import { act } from 'react-dom/test-utils';
 import Table from '../src';
-import RcResizeObserver from 'rc-resize-observer';
 
 describe('Table.FixedColumn', () => {
   let domSpy;
@@ -160,6 +159,23 @@ describe('Table.FixedColumn', () => {
     wrapper.update();
     expect(wrapper.find('.rc-table').hasClass('rc-table-ping-left')).toBeTruthy();
     expect(wrapper.find('.rc-table').hasClass('rc-table-ping-right')).toBeFalsy();
+
+    // Fullscreen
+    act(() => {
+      wrapper
+        .find('.rc-table-content')
+        .props()
+        .onScroll({
+          currentTarget: {
+            scrollLeft: 0,
+            scrollWidth: 100,
+            clientWidth: 100,
+          },
+        });
+    });
+    wrapper.update();
+    expect(wrapper.find('.rc-table').hasClass('rc-table-ping-left')).toBeFalsy();
+    expect(wrapper.find('.rc-table').hasClass('rc-table-ping-right')).toBeFalsy();
   });
 
   describe('warning if fixed not continue', () => {