[Markdown] [Web/API] Fix unconvertible strong/code markup (#8544)

Author: wbamberg

files/en-us/web/api/animation/currenttime/index.html

@@ -13,7 +13,7 @@
 ---
 <p>{{APIRef("Web Animations")}}{{SeeCompatTable}}</p>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.currentTime</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns and sets the current time value of the animation in milliseconds, whether running or paused.</p>
+<p>The <strong><code>Animation.currentTime</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns and sets the current time value of the animation in milliseconds, whether running or paused.</p>
 
 <p>If the animation lacks a {{domxref("AnimationTimeline", "timeline")}}, is inactive, or hasn't been played yet, <code>currentTime</code>'s return value is <code>null</code>.</p>
 

files/en-us/web/api/animation/effect/index.html

@@ -14,7 +14,7 @@
 ---
 <div>{{ SeeCompatTable() }} {{ APIRef("Web Animations") }}</div>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.effect</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> gets and sets the target effect of an animation. The target effect may be either an effect object of a type based on {{domxref("AnimationEffect")}}, such as {{domxref("KeyframeEffect")}}, or <code>null</code>.</p>
+<p>The <strong><code>Animation.effect</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> gets and sets the target effect of an animation. The target effect may be either an effect object of a type based on {{domxref("AnimationEffect")}}, such as {{domxref("KeyframeEffect")}}, or <code>null</code>.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

files/en-us/web/api/animation/finished/index.html

@@ -14,7 +14,7 @@
 ---
 <p>{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}</p>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.finished</code></strong> read-only property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns a {{jsxref("Promise")}} which resolves once the animation has finished playing.</p>
+<p>The <strong><code>Animation.finished</code></strong> read-only property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns a {{jsxref("Promise")}} which resolves once the animation has finished playing.</p>
 
 <div class="note">
 <p><strong>Note:</strong> Every time the animation leaves the <code>finished</code> play state (that is, when it starts playing again), a new <code>Promise</code> is created for this property. The new <code>Promise</code> will resolve once the new animation sequence has completed.</p>

files/en-us/web/api/animation/id/index.html

@@ -12,7 +12,7 @@
 ---
 <p>{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}</p>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.id</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns or sets a string used to identify the animation.</p>
+<p>The <strong><code>Animation.id</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns or sets a string used to identify the animation.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

files/en-us/web/api/animation/pending/index.html

@@ -13,7 +13,7 @@
 ---
 <p>{{APIRef("Web Animations")}}{{SeeCompatTable}}</p>
 
-<p>The read-only <code><strong>Animation</strong></code><strong><code>.pending</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation.</p>
+<p>The read-only <strong><code>Animation.pending</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

files/en-us/web/api/animation/playbackrate/index.html

@@ -14,7 +14,7 @@
 ---
 <p>{{APIRef("Web Animations")}}{{SeeCompatTable}}</p>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.playbackRate</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns or sets the playback rate of the animation.</p>
+<p>The <strong><code>Animation.playbackRate</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns or sets the playback rate of the animation.</p>
 
 <p>Animations have a <strong>playback rate</strong> that provides a scaling factor from the rate of change of the animation's {{domxref("DocumentTimeline", "timeline")}} time values to the animation’s current time. The playback rate is initially <code>1</code>.</p>
 

files/en-us/web/api/animation/playstate/index.html

@@ -13,7 +13,7 @@
 ---
 <p>{{APIRef("Web Animations")}}{{SeeCompatTable}}</p>
 
-<p>The <code><strong>Animation</strong></code><strong><code>.playState</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns and sets an enumerated value describing the playback state of an animation.</p>
+<p>The <strong><code>Animation.playState</code></strong> property of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> returns and sets an enumerated value describing the playback state of an animation.</p>
 
 <div class="note">
 <p><strong>Note:</strong> This property is read-only for CSS Animations and Transitions.</p>

files/en-us/web/api/cachestorage/delete/index.html

@@ -14,7 +14,7 @@
 ---
 <p>{{APIRef("Service Workers API")}}</p>
 
-<p>The <code><strong>delete</strong></code><strong><code>()</code></strong> method of the
+<p>The <strong><code>delete()</code></strong> method of the
   {{domxref("CacheStorage")}} interface finds the {{domxref("Cache")}} object matching the
   <code>cacheName</code>, and if found, deletes the {{domxref("Cache")}} object and
   returns a {{jsxref("Promise")}} that resolves to <code>true</code>. If no

files/en-us/web/api/cachestorage/keys/index.html

@@ -16,7 +16,7 @@
 <p>{{APIRef("Service Workers API")}}</p>
 
 <p>The
-    <code><strong>keys</strong></code><strong><code>()</code></strong> method of the
+    <strong><code>keys()</code></strong> method of the
     {{domxref("CacheStorage")}} interface returns a {{jsxref("Promise")}} that will
     resolve with an array containing strings corresponding to all of the named
     {{domxref("Cache")}} objects tracked by the {{domxref("CacheStorage")}} object in the

files/en-us/web/api/canvasgradient/addcolorstop/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef("Canvas API")}}</div>
 
 <p>The
-  <code><strong>CanvasGradient</strong></code><strong><code>.addColorStop()</code></strong>
+  <strong><code>CanvasGradient.addColorStop()</code></strong>
   method adds a new color stop, defined by an <code>offset</code> and a
   <code>color</code>, to a given canvas gradient.</p>
 

files/en-us/web/api/canvaspattern/settransform/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef("Canvas API")}}</div>
 
 <p>The
-  <code><strong>CanvasPattern</strong></code><strong><code>.setTransform()</code></strong>
+  <strong><code>CanvasPattern.setTransform()</code></strong>
   method uses an {{domxref("SVGMatrix")}} or {{domxref("DOMMatrix")}} object as the
   pattern's transformation matrix and invokes it on the pattern.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/arc/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-    <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.arc()</code></strong>
+    <strong><code>CanvasRenderingContext2D.arc()</code></strong>
     method of the <a href="/en-US/docs/Web/API/CanvasRenderingContext2D">Canvas 2D API
     </a>adds a circular arc to the current sub-path.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/arcto/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.arcTo()</code></strong>
+  <strong><code>CanvasRenderingContext2D.arcTo()</code></strong>
   method of the Canvas 2D API adds a circular arc to the current sub-path, using the given
   control points and radius. The arc is automatically connected to the path's latest point
   with a straight line, if necessary for the specified parameters.</p>

files/en-us/web/api/canvasrenderingcontext2d/beginpath/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.beginPath()</code></strong>
+  <strong><code>CanvasRenderingContext2D.beginPath()</code></strong>
   method of the Canvas 2D API starts a new path by emptying the list of sub-paths. Call
   this method when you want to create a new path.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/beziercurveto/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.bezierCurveTo()</code></strong>
+  <strong><code>CanvasRenderingContext2D.bezierCurveTo()</code></strong>
   method of the Canvas 2D API adds a cubic <a
     href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve">Bézier curve</a> to the current
   sub-path. It requires three points: the first two are control points and the third one

files/en-us/web/api/canvasrenderingcontext2d/clearrect/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.clearRect()</code></strong>
+  <strong><code>CanvasRenderingContext2D.clearRect()</code></strong>
   method of the Canvas 2D API erases the pixels in a rectangular area by setting them to
   transparent black.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/clip/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.clip()</code></strong>
+  <strong><code>CanvasRenderingContext2D.clip()</code></strong>
   method of the Canvas 2D API turns the current or given path into the current clipping
   region. The previous clipping region, if any, is intersected with the current or given
   path to create the new clipping region.</p>

files/en-us/web/api/canvasrenderingcontext2d/closepath/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.closePath()</code></strong>
+  <strong><code>CanvasRenderingContext2D.closePath()</code></strong>
   method of the Canvas 2D API attempts to add a straight line from the current point to
   the start of the current sub-path. If the shape has already been closed or has only one
   point, this function does nothing.</p>

files/en-us/web/api/canvasrenderingcontext2d/createlineargradient/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createLinearGradient()</code></strong>
+  <strong><code>CanvasRenderingContext2D.createLinearGradient()</code></strong>
   method of the Canvas 2D API creates a gradient along the line connecting two given
   coordinates.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/createpattern/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createPattern()</code></strong>
+  <strong><code>CanvasRenderingContext2D.createPattern()</code></strong>
   method of the Canvas 2D API creates a pattern using the specified image and repetition.
   This method returns a {{domxref("CanvasPattern")}}.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/createradialgradient/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createRadialGradient()</code></strong>
+  <strong><code>CanvasRenderingContext2D.createRadialGradient()</code></strong>
   method of the Canvas 2D API creates a radial gradient using the size and coordinates of
   two circles.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/currenttransform/index.html

@@ -14,7 +14,7 @@
 <div>{{deprecated_header}}{{non-standard_header}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.currentTransform</code></strong>
+  <strong><code>CanvasRenderingContext2D.currentTransform</code></strong>
   property of the Canvas 2D API returns or sets a {{domxref("DOMMatrix")}} (current
   specification) or {{domxref("SVGMatrix")}} {{deprecated_inline}} (old specification)
   object for the current transformation matrix.</p>

files/en-us/web/api/canvasrenderingcontext2d/direction/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef}} {{SeeCompatTable}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.direction</code></strong>
+  <strong><code>CanvasRenderingContext2D.direction</code></strong>
   property of the Canvas 2D API specifies the current text direction used to draw text.
 </p>
 

files/en-us/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html

@@ -13,7 +13,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.drawFocusIfNeeded()</code></strong>
+  <strong><code>CanvasRenderingContext2D.drawFocusIfNeeded()</code></strong>
   method of the Canvas 2D API draws a focus ring around the current or given path, if the
   specified element is focused.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/drawwindow/index.html

@@ -14,7 +14,7 @@
 <div>{{APIRef}} {{deprecated_header}}</div>
 
 <p>The deprecated, non-standard and internal only
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.drawWindow()</code></strong>
+  <strong><code>CanvasRenderingContext2D.drawWindow()</code></strong>
   method of the Canvas 2D API renders a region of a window into the <code>canvas</code>.
   The contents of the window's viewport are rendered, ignoring viewport clipping and
   scrolling.</p>

files/en-us/web/api/canvasrenderingcontext2d/ellipse/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.ellipse()</code></strong>
+  <strong><code>CanvasRenderingContext2D.ellipse()</code></strong>
   method of the Canvas 2D API adds an elliptical arc to the current sub-path.</p>
 
 <h2 id="Syntax">Syntax</h2>

files/en-us/web/api/canvasrenderingcontext2d/fill/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fill()</code></strong>
+  <strong><code>CanvasRenderingContext2D.fill()</code></strong>
   method of the Canvas 2D API fills the current or given path with the current
   {{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle")}}.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/fillrect/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-    <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillRect()</code></strong>
+    <strong><code>CanvasRenderingContext2D.fillRect()</code></strong>
     method of the Canvas 2D API draws a rectangle that is filled according to the current
     {{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle")}}.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/fillstyle/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillStyle</code></strong>
+  <strong><code>CanvasRenderingContext2D.fillStyle</code></strong>
   property of the <a href="/en-US/docs/Web/API/Canvas_API">Canvas 2D API</a> specifies the
   color, gradient, or pattern to use inside shapes. The default style is <code>#000</code>
   (black).</p>

files/en-us/web/api/canvasrenderingcontext2d/filter/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}} {{SeeCompatTable}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.filter</code></strong>
+  <strong><code>CanvasRenderingContext2D.filter</code></strong>
   property of the Canvas 2D API provides filter effects such as blurring and grayscaling.
   It is similar to the CSS {{cssxref("filter")}} property and accepts the same values.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/font/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.font</code></strong>
+  <strong><code>CanvasRenderingContext2D.font</code></strong>
   property of the Canvas 2D API specifies the current text style to use when drawing text.
   This string uses the same syntax as the <a href="/en-US/docs/Web/CSS/font">CSS font</a>
   specifier.</p>

files/en-us/web/api/canvasrenderingcontext2d/gettransform/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.getTransform()</code></strong>
+  <strong><code>CanvasRenderingContext2D.getTransform()</code></strong>
   method of the Canvas 2D API retrieves the current transformation matrix being applied to
   the context.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/globalalpha/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.globalAlpha</code></strong>
+  <strong><code>CanvasRenderingContext2D.globalAlpha</code></strong>
   property of the Canvas 2D API specifies the alpha (transparency) value that is applied
   to shapes and images before they are drawn onto the canvas.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.html

@@ -14,7 +14,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.globalCompositeOperation</code></strong>
+  <strong><code>CanvasRenderingContext2D.globalCompositeOperation</code></strong>
   property of the Canvas 2D API sets the type of compositing operation to apply when
   drawing new shapes.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/ispointinpath/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.isPointInPath()</code></strong>
+  <strong><code>CanvasRenderingContext2D.isPointInPath()</code></strong>
   method of the Canvas 2D API reports whether or not the specified point is contained in
   the current path.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/ispointinstroke/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.isPointInStroke()</code></strong>
+  <strong><code>CanvasRenderingContext2D.isPointInStroke()</code></strong>
   method of the Canvas 2D API reports whether or not the specified point is inside the
   area contained by the stroking of a path.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/linecap/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.lineCap</code></strong>
+  <strong><code>CanvasRenderingContext2D.lineCap</code></strong>
   property of the Canvas 2D API determines the shape used to draw the end points of lines.
 </p>
 

files/en-us/web/api/canvasrenderingcontext2d/linedashoffset/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.lineDashOffset</code></strong>
+  <strong><code>CanvasRenderingContext2D.lineDashOffset</code></strong>
   property of the Canvas 2D API sets the line dash offset, or "phase."</p>
 
 <div class="notecard note">

files/en-us/web/api/canvasrenderingcontext2d/linejoin/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.lineJoin</code></strong>
+  <strong><code>CanvasRenderingContext2D.lineJoin</code></strong>
   property of the Canvas 2D API determines the shape used to join two line segments where
   they meet.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/linewidth/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.lineWidth</code></strong>
+  <strong><code>CanvasRenderingContext2D.lineWidth</code></strong>
   property of the Canvas 2D API sets the thickness of lines.</p>
 
 <div class="notecard note">

files/en-us/web/api/canvasrenderingcontext2d/moveto/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.moveTo()</code></strong>
+  <strong><code>CanvasRenderingContext2D.moveTo()</code></strong>
   method of the Canvas 2D API begins a new sub-path at the point specified by the given
   <code>(x, y)</code> coordinates.</p>
 

files/en-us/web/api/canvasrenderingcontext2d/putimagedata/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.putImageData()</code></strong>
+  <strong><code>CanvasRenderingContext2D.putImageData()</code></strong>
   method of the Canvas 2D API paints data from the given {{domxref("ImageData")}} object
   onto the canvas. If a dirty rectangle is provided, only the pixels from that rectangle
   are painted. This method is not affected by the canvas transformation matrix.</p>

files/en-us/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.quadraticCurveTo()</code></strong>
+  <strong><code>CanvasRenderingContext2D.quadraticCurveTo()</code></strong>
   method of the Canvas 2D API adds a quadratic <a
     href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve">Bézier curve</a> to the current
   sub-path. It requires two points: the first one is a control point and the second one is

files/en-us/web/api/canvasrenderingcontext2d/rect/index.html

@@ -12,7 +12,7 @@
 <div>{{APIRef}}</div>
 
 <p>The
-  <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.rect()</code></strong>
+  <strong><code>CanvasRenderingContext2D.rect()</code></strong>
   method of the Canvas 2D API adds a rectangle to the current path.</p>
 
 <p>Like other methods that modify the current path, this method does not directly render