Drag-fill indicator style (dotted border)

Drag-fill indicator style (dotted border)

Posted by: averma on 5 August 2026, 9:44 am EST

• 

  averma

  • Post Options:
  • Link
    Copy

  Posted 5 August 2026, 9:44 am EST

  Expected

  When user drags fill handle to extend a value/series, the drag preview border should be dotted, not solid.

  Actual

  Drag-fill border is hardcoded solid in SpreadJS canvas paint routine. No public API or CSS hook exists to change the line style.

  Questions for SpreadJS support

  1. Is there any option (e.g.

     fillIndicatorStyle

     ,

     dragFillBorderStyle

     ) to set the drag-fill border to dotted/dashed?
  2. Is there a canvas paint hook for the drag-fill overlay?
  3. If not supported, please treat this as a feature request for a configurable drag-fill border style.
• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 6 August 2026, 5:00 am EST

  Hi,

  Thank you for reaching out to SpreadJS support.

  Here are the direct answers to your questions regarding the drag-fill indicator border styling:

  Answers to Your Questions

  1. Is there an option (e.g. fillIndicatorStyle, dragFillBorderStyle) to set the drag-fill border to dotted/dashed?
     
     No. SpreadJS currently does not have a public API property (such as fillIndicatorStyle or dragFillBorderStyle) to change the line style of the drag-fill preview rectangle from solid to dotted or dashed.
     
     While sheet.options.selectionBorderColor allows you to customize the color of the selection and drag handle, the line style (solid) of the drag-fill preview indicator is fixed within the internal canvas rendering logic.

  2. Is there a canvas paint hook for the drag-fill overlay?
     
     No. There is currently no public paint hook or canvas drawing callback exposed specifically for the drag-fill overlay layer.
     
     While events like DragFillBlock and DragFillBlockCompleted allow you to intercept and customize the data/cell logic during a drag-fill operation, the visual preview rectangle drawn while dragging is rendered directly on the interaction canvas layer.

  3. Feature Request Status
     
     Since there is currently no public API to configure the drag-fill border style (such as solid, dotted, or dashed), we have escalated your request to our development team to confirm whether this behavior can be supported.
     
     The internal tracking ID for this request is SJS-35611. We will update you as soon as we receive any information from the development team.

  Current Options & Workarounds
  
  While custom border styles for the drag preview are not supported out of the box, here are related configuration options available in SpreadJS:

  Customize Indicator Color:
  
  const sheet = spread.getActiveSheet();
  
  sheet.options.selectionBorderColor = “blue”; // Updates selection and fill indicator color

  Toggle Drag-Fill Tooltip:
  
  spread.options.showDragFillTip = true; // Enables/disables the floating fill preview tooltip

  Regards,
  
  Priyam

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 7 August 2026, 1:13 am EST

  Hi,

  The development team has added this request to the product backlog. However, there is currently no ETA for when it will be implemented, and there is no workaround available at this time.

  We will keep you updated as soon as we receive any new information.

  Regards,
  
  Priyam