popup not displayed after changing Marker size

[ahmedabdooz]

I define some markers with icon property defined as following icon : { type : 'div', iconSize : [markerSize,markerSize] }

based on some user selection ,the value of the varaible 'markerSize' is changing

after each user selection I clear my markers object like this "finalMapMarkers = {};" and I rebuild it again with new markers having the new marker sizes

everything is fine except that the popup message of the marker is not being displayed after changing the marker size

and I also got the following exception once the user clicks on the marker to view the popup

Error: t is null o.Popup<._adjustPan@http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js:7:21077 adjustPopupPan@http://localhost:8000/src/app/scripts/angularCDN_leaflet/angular-leaflet-directive.no-header.js:2500:7 updatePopup@http://localhost:8000/src/app/scripts/angularCDN_leaflet/angular-leaflet-directive.no-header.js:2527:7 _manageOpenPopup@http://localhost:8000/src/app/scripts/angularCDN_leaflet/angular-leaflet-directive.no-header.js:2547:7 .listenMarkerEvents/</<@http://localhost:8000/src/app/scripts/angularCDN_leaflet/angular-leaflet-directive.no-header.js:2868:13 $RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:8000/src/app/scripts/angular-1.5.5/angular.js:17229:16 $RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:8000/src/app/scripts/angular-1.5.5/angular.js:17045:15 $RootScopeProvider/this.$get</Scope.prototype.$evalAsync/<@http://localhost:8000/src/app/scripts/angular-1.5.5/angular.js:17268:15 completeOutstandingRequest@http://localhost:8000/src/app/scripts/angular-1.5.5/angular.js:5869:7 Browser/self.defer/timeoutId<@http://localhost:8000/src/app/scripts/angular-1.5.5/angular.js:6145:7 and I got the following exception