Fix scale indicator in notebooks and symbology overflow

packages/base/src/dialogs/symbology/vector_layer/types/Heatmap.tsx

@@ -86,7 +86,7 @@ const Heatmap = ({
 
   return (
     <div className="jp-gis-layer-symbology-container">
-      <div className="jp-gis-symbology-row">
+      <div className="jp-gis-symbology-row jp-gis-heatmap">
         <label htmlFor="color-ramp-select">Color Ramp:</label>
         <CanvasSelectComponent
           selectedRamp={selectedRamp}

packages/base/src/formbuilder/objectform/vectorlayerform.ts

@@ -29,7 +29,7 @@ export class VectorLayerPropertiesForm extends LayerPropertiesForm {
       });
     }
     props.model.clientStateChanged.connect(() => {
-      if (!props.model.localState?.selected.value) {
+      if (!props.model.localState?.selected?.value) {
         return;
       }
       const l = this.props.model.getLayer(

packages/base/src/mainview/mainView.tsx

@@ -263,10 +263,6 @@ export class MainView extends React.Component<IProps, IStates> {
       });
 
       this._Map.on('moveend', () => {
-        if (!this._initializedPosition) {
-          return;
-        }
-
         const currentOptions = this._model.getOptions();
 
         const view = this._Map.getView();
@@ -319,7 +315,6 @@ export class MainView extends React.Component<IProps, IStates> {
         );
         const options = this._model.getOptions();
         this.updateOptions(options);
-        this._initializedPosition = true;
       }
 
       this._Map.getViewport().addEventListener('contextmenu', event => {
@@ -1298,16 +1293,10 @@ export class MainView extends React.Component<IProps, IStates> {
     });
   };
 
-  private _onSharedOptionsChanged(
-    sender?: IJupyterGISDoc,
-    change?: MapChange
-  ): void {
-    if (!this._initializedPosition) {
+  private _onSharedOptionsChanged(): void {
+    if (!this.state.remoteUser) {
       const options = this._model.getOptions();
-
       this.updateOptions(options);
-
-      this._initializedPosition = true;
     }
   }
 
@@ -1766,7 +1755,6 @@ export class MainView extends React.Component<IProps, IStates> {
 
   private _clickCoords: Coordinate;
   private _commands: CommandRegistry;
-  private _initializedPosition = false;
   private divRef = React.createRef<HTMLDivElement>(); // Reference of render div
   private _Map: OlMap;
   private _model: IJupyterGISModel;

packages/base/style/symbologyDialog.css

@@ -210,11 +210,8 @@ select option {
   border-radius: var(--jp-border-radius);
 }
 
-.jp-Dialog-content:has(.jp-gis-color-canvas-display) {
-  overflow: visible;
-}
-
-.jp-Dialog-body:has(.jp-gis-color-canvas-display) {
+.jp-Dialog-content:has(.jp-gis-heatmap),
+.jp-Dialog-body:has(.jp-gis-heatmap) {
   overflow: visible;
 }