diff --git a/docs/webapi/appendField.mustache b/docs/webapi/appendField.mustache
index 93e406b83..8daf7b7e2 100644
--- a/docs/webapi/appendField.mustache
+++ b/docs/webapi/appendField.mustache
@@ -1,11 +1,16 @@
 Appends text to a input field or textarea.
 Field is located by name, label, CSS or XPath
 
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
+
 ```js
 I.appendField('#myTextField', 'appended');
 // typing secret
 I.appendField('password', secret('123456'));
+// within a context
+I.appendField('name', 'John', '.form-container');
 ```
 @param {CodeceptJS.LocatorOrString} field located by label|name|CSS|XPath|strict locator
 @param {string} value text value to append.
+@param {?CodeceptJS.LocatorOrString} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
 @returns {void} automatically synchronized promise through #recorder
diff --git a/docs/webapi/attachFile.mustache b/docs/webapi/attachFile.mustache
index 9cc952927..08baf6a3f 100644
--- a/docs/webapi/attachFile.mustache
+++ b/docs/webapi/attachFile.mustache
@@ -2,11 +2,16 @@ Attaches a file to element located by label, name, CSS or XPath
 Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
 File will be uploaded to remote system (if tests are running remotely).
 
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
+
 ```js
 I.attachFile('Avatar', 'data/avatar.jpg');
 I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
+// within a context
+I.attachFile('Avatar', 'data/avatar.jpg', '.form-container');
 ```
 
 @param {CodeceptJS.LocatorOrString} locator field located by label|name|CSS|XPath|strict locator.
 @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
+@param {?CodeceptJS.LocatorOrString} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
 @returns {void} automatically synchronized promise through #recorder
diff --git a/docs/webapi/checkOption.mustache b/docs/webapi/checkOption.mustache
index fbdbeb2ce..c7a4c4582 100644
--- a/docs/webapi/checkOption.mustache
+++ b/docs/webapi/checkOption.mustache
@@ -1,7 +1,7 @@
 Selects a checkbox or radio button.
 Element is located by label or name or CSS or XPath.
 
-The second parameter is a context (CSS or XPath locator) to narrow the search.
+The second parameter is an optional context (CSS or XPath locator) to narrow the search.
 
 ```js
 I.checkOption('#agree');
diff --git a/docs/webapi/clearField.mustache b/docs/webapi/clearField.mustache
index c03797de8..fe0790120 100644
--- a/docs/webapi/clearField.mustache
+++ b/docs/webapi/clearField.mustache
@@ -1,9 +1,14 @@
 Clears a `<textarea>` or text `<input>` element's value.
 
+The second parameter is an optional context (CSS or XPath locator) to narrow the search.
+
 ```js
 I.clearField('Email');
 I.clearField('user[email]');
 I.clearField('#email');
+// within a context
+I.clearField('Email', '.form-container');
 ```
 @param {LocatorOrString} editable field located by label|name|CSS|XPath|strict locator.
+@param {?CodeceptJS.LocatorOrString} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
 @returns {void} automatically synchronized promise through #recorder.
diff --git a/docs/webapi/dontSeeInField.mustache b/docs/webapi/dontSeeInField.mustache
index 1dc091c8b..e1d466145 100644
--- a/docs/webapi/dontSeeInField.mustache
+++ b/docs/webapi/dontSeeInField.mustache
@@ -1,11 +1,16 @@
 Checks that value of input field or textarea doesn't equal to given value
 Opposite to `seeInField`.
 
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
+
 ```js
 I.dontSeeInField('email', 'user@user.com'); // field by name
 I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
+// within a context
+I.dontSeeInField('Name', 'old_value', '.form-container');
 ```
 
 @param {CodeceptJS.LocatorOrString} field located by label|name|CSS|XPath|strict locator.
 @param {CodeceptJS.StringOrSecret} value value to check.
+@param {?CodeceptJS.LocatorOrString} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
 @returns {void} automatically synchronized promise through #recorder
diff --git a/docs/webapi/fillField.mustache b/docs/webapi/fillField.mustache
index f78e3458a..c4c455b69 100644
--- a/docs/webapi/fillField.mustache
+++ b/docs/webapi/fillField.mustache
@@ -1,7 +1,7 @@
 Fills a text field or textarea, after clearing its value, with the given string.
 Field is located by name, label, CSS, or XPath.
 
-The third parameter is a context (CSS or XPath locator) to narrow the search.
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
 
 ```js
 // by label
diff --git a/docs/webapi/seeInField.mustache b/docs/webapi/seeInField.mustache
index cb79aa6cc..f400d4592 100644
--- a/docs/webapi/seeInField.mustache
+++ b/docs/webapi/seeInField.mustache
@@ -1,12 +1,17 @@
 Checks that the given input field or textarea equals to given value.
 For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
 
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
+
 ```js
 I.seeInField('Username', 'davert');
 I.seeInField({css: 'form textarea'},'Type your comment here');
 I.seeInField('form input[type=hidden]','hidden_value');
 I.seeInField('#searchform input','Search');
+// within a context
+I.seeInField('Name', 'John', '.form-container');
 ```
 @param {CodeceptJS.LocatorOrString} field located by label|name|CSS|XPath|strict locator.
 @param {CodeceptJS.StringOrSecret} value value to check.
+@param {?CodeceptJS.LocatorOrString} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
 @returns {void} automatically synchronized promise through #recorder
diff --git a/docs/webapi/selectOption.mustache b/docs/webapi/selectOption.mustache
index 587a2a26a..2dff7d2ec 100644
--- a/docs/webapi/selectOption.mustache
+++ b/docs/webapi/selectOption.mustache
@@ -2,7 +2,7 @@ Selects an option in a drop-down select.
 Field is searched by label | name | CSS | XPath.
 Option is selected by visible text or by value.
 
-The third parameter is a context (CSS or XPath locator) to narrow the search.
+The third parameter is an optional context (CSS or XPath locator) to narrow the search.
 
 ```js
 I.selectOption('Choose Plan', 'Monthly'); // select by label
diff --git a/docs/webapi/uncheckOption.mustache b/docs/webapi/uncheckOption.mustache
index a863cbd4f..69d5c98ae 100644
--- a/docs/webapi/uncheckOption.mustache
+++ b/docs/webapi/uncheckOption.mustache
@@ -1,7 +1,7 @@
 Unselects a checkbox or radio button.
 Element is located by label or name or CSS or XPath.
 
-The second parameter is a context (CSS or XPath locator) to narrow the search.
+The second parameter is an optional context (CSS or XPath locator) to narrow the search.
 
 ```js
 I.uncheckOption('#agree');
diff --git a/lib/helper/Playwright.js b/lib/helper/Playwright.js
index de2925bda..358eee173 100644
--- a/lib/helper/Playwright.js
+++ b/lib/helper/Playwright.js
@@ -2278,24 +2278,10 @@ class Playwright extends Helper {
   }
 
   /**
-   * Clears the text input element: `<input>`, `<textarea>` or `[contenteditable]` .
-   *
-   *
-   * Examples:
-   *
-   * ```js
-   * I.clearField('.text-area')
-   *
-   * // if this doesn't work use force option
-   * I.clearField('#submit', { force: true })
-   * ```
-   * Use `force` to bypass the [actionability](https://playwright.dev/docs/actionability) checks.
-   *
-   * @param {CodeceptJS.LocatorOrString} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] [Additional options](https://playwright.dev/docs/api/class-locator#locator-clear) for available options object as 2nd argument.
+   * {{> clearField }}
    */
-  async clearField(locator, options = {}) {
-    const els = await findFields.call(this, locator)
+  async clearField(locator, context = null) {
+    const els = await findFields.call(this, locator, context)
     assertElementExists(els, locator, 'Field to clear')
     if (this.options.strict) assertOnlyOneElement(els, locator)
 
@@ -2311,8 +2297,8 @@ class Playwright extends Helper {
   /**
    * {{> appendField }}
    */
-  async appendField(field, value) {
-    const els = await findFields.call(this, field)
+  async appendField(field, value, context = null) {
+    const els = await findFields.call(this, field, context)
     assertElementExists(els, field, 'Field')
     if (this.options.strict) assertOnlyOneElement(els, field)
     await highlightActiveElement.call(this, els[0])
@@ -2324,30 +2310,30 @@ class Playwright extends Helper {
   /**
    * {{> seeInField }}
    */
-  async seeInField(field, value) {
+  async seeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeInField.call(this, 'assert', field, _value)
+    return proceedSeeInField.call(this, 'assert', field, _value, context)
   }
 
   /**
    * {{> dontSeeInField }}
    */
-  async dontSeeInField(field, value) {
+  async dontSeeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeInField.call(this, 'negate', field, _value)
+    return proceedSeeInField.call(this, 'negate', field, _value, context)
   }
 
   /**
    * {{> attachFile }}
    *
    */
-  async attachFile(locator, pathToFile) {
+  async attachFile(locator, pathToFile, context = null) {
     const file = path.join(global.codecept_dir, pathToFile)
 
     if (!fileExists(file)) {
       throw new Error(`File at ${file} can not be found on local system`)
     }
-    const els = await findFields.call(this, locator)
+    const els = await findFields.call(this, locator, context)
     assertElementExists(els, locator, 'Field')
     await els[0].setInputFiles(file)
     return this._waitForAction()
@@ -4487,8 +4473,8 @@ async function proceedSelect(context, el, option) {
   return this._waitForAction()
 }
 
-async function proceedSeeInField(assertType, field, value) {
-  const els = await findFields.call(this, field)
+async function proceedSeeInField(assertType, field, value, context) {
+  const els = await findFields.call(this, field, context)
   assertElementExists(els, field, 'Field')
   const el = els[0]
   const tag = await el.evaluate(e => e.tagName)
diff --git a/lib/helper/Puppeteer.js b/lib/helper/Puppeteer.js
index ba6b324bd..9ba41109a 100644
--- a/lib/helper/Puppeteer.js
+++ b/lib/helper/Puppeteer.js
@@ -1580,8 +1580,8 @@ class Puppeteer extends Helper {
   /**
    * {{> clearField }}
    */
-  async clearField(field) {
-    return this.fillField(field, '')
+  async clearField(field, context = null) {
+    return this.fillField(field, '', context)
   }
 
   /**
@@ -1589,8 +1589,8 @@ class Puppeteer extends Helper {
    *
    * {{ react }}
    */
-  async appendField(field, value) {
-    const els = await findVisibleFields.call(this, field)
+  async appendField(field, value, context = null) {
+    const els = await findVisibleFields.call(this, field, context)
     assertElementExists(els, field, 'Field')
     highlightActiveElement.call(this, els[0], await this._getContext())
     await els[0].press('End')
@@ -1601,17 +1601,17 @@ class Puppeteer extends Helper {
   /**
    * {{> seeInField }}
    */
-  async seeInField(field, value) {
+  async seeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeInField.call(this, 'assert', field, _value)
+    return proceedSeeInField.call(this, 'assert', field, _value, context)
   }
 
   /**
    * {{> dontSeeInField }}
    */
-  async dontSeeInField(field, value) {
+  async dontSeeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeInField.call(this, 'negate', field, _value)
+    return proceedSeeInField.call(this, 'negate', field, _value, context)
   }
 
   /**
@@ -1619,13 +1619,13 @@ class Puppeteer extends Helper {
    *
    * {{> attachFile }}
    */
-  async attachFile(locator, pathToFile) {
+  async attachFile(locator, pathToFile, context = null) {
     const file = path.join(global.codecept_dir, pathToFile)
 
     if (!fileExists(file)) {
       throw new Error(`File at ${file} can not be found on local system`)
     }
-    const els = await findFields.call(this, locator)
+    const els = await findFields.call(this, locator, context)
     assertElementExists(els, locator, 'Field')
     await els[0].uploadFile(file)
     return this._waitForAction()
@@ -3286,8 +3286,8 @@ async function proceedDragAndDrop(sourceLocator, destinationLocator) {
   await this._waitForAction()
 }
 
-async function proceedSeeInField(assertType, field, value) {
-  const els = await findVisibleFields.call(this, field)
+async function proceedSeeInField(assertType, field, value, context) {
+  const els = await findVisibleFields.call(this, field, context)
   assertElementExists(els, field, 'Field')
   const el = els[0]
   const tag = await el.getProperty('tagName').then(el => el.jsonValue())
diff --git a/lib/helper/WebDriver.js b/lib/helper/WebDriver.js
index 667b47af0..98c1c6cf8 100644
--- a/lib/helper/WebDriver.js
+++ b/lib/helper/WebDriver.js
@@ -1289,8 +1289,8 @@ class WebDriver extends Helper {
    * {{> appendField }}
    * {{ react }}
    */
-  async appendField(field, value) {
-    const res = await findFields.call(this, field)
+  async appendField(field, value, context = null) {
+    const res = await findFields.call(this, field, context)
     assertElementExists(res, field, 'Field')
     const elem = usingFirstElement(res)
     highlightActiveElement.call(this, elem)
@@ -1301,8 +1301,8 @@ class WebDriver extends Helper {
    * {{> clearField }}
    *
    */
-  async clearField(field) {
-    const res = await findFields.call(this, field)
+  async clearField(field, context = null) {
+    const res = await findFields.call(this, field, context)
     assertElementExists(res, field, 'Field')
     const elem = usingFirstElement(res)
     highlightActiveElement.call(this, elem)
@@ -1344,13 +1344,13 @@ class WebDriver extends Helper {
    *
    * {{> attachFile }}
    */
-  async attachFile(locator, pathToFile) {
+  async attachFile(locator, pathToFile, context = null) {
     let file = path.join(global.codecept_dir, pathToFile)
     if (!fileExists(file)) {
       throw new Error(`File at ${file} can not be found on local system`)
     }
 
-    const res = await findFields.call(this, locator)
+    const res = await findFields.call(this, locator, context)
     this.debug(`Uploading ${file}`)
     assertElementExists(res, locator, 'File field')
     const el = usingFirstElement(res)
@@ -1598,18 +1598,18 @@ class WebDriver extends Helper {
    * {{> seeInField }}
    *
    */
-  async seeInField(field, value) {
+  async seeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeField.call(this, 'assert', field, _value)
+    return proceedSeeField.call(this, 'assert', field, _value, context)
   }
 
   /**
    * {{> dontSeeInField }}
    *
    */
-  async dontSeeInField(field, value) {
+  async dontSeeInField(field, value, context = null) {
     const _value = typeof value === 'boolean' ? value : value.toString()
-    return proceedSeeField.call(this, 'negate', field, _value)
+    return proceedSeeField.call(this, 'negate', field, _value, context)
   }
 
   /**
@@ -3075,8 +3075,8 @@ async function findFields(locator, context = null) {
   return await locateFn(locator.value) // by css or xpath
 }
 
-async function proceedSeeField(assertType, field, value) {
-  const res = await findFields.call(this, field)
+async function proceedSeeField(assertType, field, value, context) {
+  const res = await findFields.call(this, field, context)
   assertElementExists(res, field, 'Field')
   const elem = usingFirstElement(res)
   const elemId = getElementId(elem)
diff --git a/test/data/app/view/form/context.php b/test/data/app/view/form/context.php
index 9abcf8129..dfaec0768 100644
--- a/test/data/app/view/form/context.php
+++ b/test/data/app/view/form/context.php
@@ -2,22 +2,26 @@
 <body>
 <div id="area1">
     <label for="name1">Name</label>
-    <input type="text" id="name1" name="name" value="" />
+    <input type="text" id="name1" name="name" value="old1" />
     <select name="age" id="age1">
         <option value="child">below 13</option>
         <option value="teenage">13-21</option>
         <option value="adult">21-60</option>
     </select>
+    <label for="file1">Avatar</label>
+    <input type="file" id="file1" name="avatar" />
     <button type="button">Submit</button>
 </div>
 <div id="area2">
     <label for="name2">Name</label>
-    <input type="text" id="name2" name="name" value="" />
+    <input type="text" id="name2" name="name" value="old2" />
     <select name="age" id="age2">
         <option value="child">below 13</option>
         <option value="teenage">13-21</option>
         <option value="adult">21-60</option>
     </select>
+    <label for="file2">Avatar</label>
+    <input type="file" id="file2" name="avatar" />
     <span class="unique-element">Only here</span>
 </div>
 </body>
diff --git a/test/helper/webapi.js b/test/helper/webapi.js
index 26220f973..9443b25fa 100644
--- a/test/helper/webapi.js
+++ b/test/helper/webapi.js
@@ -634,6 +634,43 @@ export function tests() {
       const val1 = await I.grabValueFrom('#age1')
       assert.equal(val1, 'child')
     })
+
+    it('should append field within context', async () => {
+      await I.amOnPage('/form/context')
+      await I.appendField('Name', '_appended', '#area2')
+      const val = await I.grabValueFrom('#name2')
+      assert.equal(val, 'old2_appended')
+      const val1 = await I.grabValueFrom('#name1')
+      assert.equal(val1, 'old1')
+    })
+
+    it('should clear field within context', async () => {
+      await I.amOnPage('/form/context')
+      await I.clearField('Name', '#area2')
+      await I.seeInField('#name2', '')
+      await I.seeInField('#name1', 'old1')
+    })
+
+    it('should attach file within context', async () => {
+      await I.amOnPage('/form/context')
+      await I.attachFile('Avatar', 'app/avatar.jpg', '#area2')
+      const val2 = await I.executeScript(() => document.getElementById('file2').files.length)
+      assert.equal(val2, 1, 'file2 should have a file attached')
+      const val1 = await I.executeScript(() => document.getElementById('file1').files.length)
+      assert.equal(val1, 0, 'file1 should have no files')
+    })
+
+    it('should see in field within context', async () => {
+      await I.amOnPage('/form/context')
+      await I.seeInField('Name', 'old2', '#area2')
+      await I.seeInField('Name', 'old1', '#area1')
+    })
+
+    it('should not see in field within context', async () => {
+      await I.amOnPage('/form/context')
+      await I.dontSeeInField('Name', 'old1', '#area2')
+      await I.dontSeeInField('Name', 'old2', '#area1')
+    })
   })
 
   describe('#shadow DOM', () => {