Skip to main content

HTML and CSS Co-browse Restrictions

  • Chat

Updated ~ minute read

Some CSS properties and HTML elements do not render during a co-browse session.  If you are using these properties or tags an agent may not see precisely what a visitor can see during a co-browse. You should test your website to determine if your use of tags or properties cause an impact to your agent experience.

HTML Tags

The following HTML Tags do not render during a co-browse:

  • details
  • meter
  • optgroup
  • progress

HTML tag limitations

The following tags have limitations:

  • canvas
    • Only 2d context render.

CSS Tags

A complete set of CSS properties can be found in the W3 List of CSS properties.

The following CSS properties do not render during co-browse:

  • backface-visibility
  • background-blend-mode
  • border-image
  • box-decoration-break
  • box-shadow
  • filter
  • font-variant-ligatures
  • image-orientation
  • image-rendering
  • image-resolution
  • list-style-image
  • mix-blend-mode
  • object-fit
  • outline
  • outline-offset
  • perspective
  • perspective-origin
  • repeating-linear-gradient
  • transform-style
  • writing-mode
  • zoom

CSS limitations

The following CSS properties have limitations:

  • background-attachment
    • All backgrounds render as scroll.
    • The BODY element, which renders as fixed.
  • background-clip
    • content-box behaves the same as padding-box.
  • background-origin
    • All backgrounds are rendered as padding-box.
  • border-collapse
    • All borders are rendered as separate.
  • border-style
    • All borders are rendered as solid or none if you specify.
  • box-shadow
    • inset shadows do not render.
  • content
    • counter renders in Safari incorrectly.
  • empty-cells
    • All cells render as show.
  • linear-gradient
    • Colour strings only render in Firefox, for example: linear-gradient(red,blue).
  • list-style-position
    • outside does not render.
  • list-style-type
    • The following types render: 
      • circle
      • decimal
      • decimal-leading-zero
      • disc
      • lower-alpha
      • lower-roman
      • square
      • upper-alpha
      • upper-roman
    • Other types render as a disc.
  • text-decoration-line
    • Line does not render in Chrome or Opera.
  • text-justify
    • Text renders as inter-word in most circumstances.
  • transform
    • 3D transforms do not render.

Internet Explorer restrictions

When a visitor co-browses using Internet Explorer 11, the following HTML and CSS elements may not render as you expect on the agent's view:

  • Use of transform:rotate
  • Checkboxes using a mask property
  • Creating shapes with the borders of 0 pixel page elements.

Important: Live Assist for Dynamics 365 has discontinued support of Internet Explorer 11. See: Internet Explorer 11 - End of Life

Related articles