WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-1.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

Label overlaps input when loading partial page - Material Design for Bootstrap

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-4.MAI' (Errcode: 28 "No space left on device")]
SELECT p.*, o.option_value, GROUP_CONCAT(DISTINCT CONCAT(m.meta_key, "::", m.meta_value) separator "::::") as seo_meta, t.slug, tr.language_code as language FROM wp_posts p JOIN wp_postmeta m ON p.ID = m.post_id JOIN wp_options o ON o.option_name = "siteurl" JOIN wp_term_relationships r ON r.object_id = p.ID JOIN wp_term_taxonomy x ON x.term_taxonomy_id = r.term_taxonomy_id JOIN wp_terms t ON t.term_id = x.term_id JOIN wp_icl_translations tr ON p.ID = tr.element_id WHERE post_type = "page" AND post_status = "publish" AND tr.language_code = 'en' AND t.slug IN ('jquery') AND x.taxonomy = "page_cat" AND tr.element_type = "post_page" AND meta_key IN ("_yoast_wpseo_title", "_yoast_wpseo_metadesc") GROUP BY p.ID

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-5.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

Label overlaps input when loading partial page

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-6.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 99242 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Label overlaps input when loading partial page

Robin Deprins pro asked 6 years ago

Unless I do a full page reload I get this on my input fields:enter image description here

I'm using Turbolinks which swaps out parts of the page instead of doing a browser refresh. Because of this javascript that is triggered when the file is loaded (rather than binding to page events) does not get triggered. I would imagine the same bug will occur with $.load() but have not tested this.

Selecting the input field fixes this. It seems like this behavior is defined in "forms-free.js". The user-interaction events are triggered from "$(document).on()", which works fine even after swapping out part of the document body. However some code is triggered inline and will not be executed again.

Here is the html:

<form method="post" id="BriefingTaskForm" data-js-ajax-form="" action="/BriefingTask/Submit">
    <input data-val="true" data-val-required="The ProcessInstanceId field is required." id="ProcessInstanceId" name="ProcessInstanceId" type="hidden" value="acd75b47-880b-4378-8c36-0c971c0449d0">
    <input data-val="true" data-val-required="The TaskId field is required." id="TaskId" name="TaskId" type="hidden" value="2678a1be-290b-41ce-a58b-7dd1cb63c1bb">

        <div class="md-form">


<div class="select-wrapper"><span class="caret">▼</span><input type="text" class="select-dropdown" readonly="true" data-activates="select-options-0a17124b-c506-4869-b9f3-8ee417bbf019" value=""><ul id="select-options-0a17124b-c506-4869-b9f3-8ee417bbf019" class="dropdown-content select-dropdown w-100"><li class="active"><span class="filtrable">Select..</span></li><li class=" "><span class="filtrable">Other</span></li><li class=" "><span class="filtrable">EAN</span></li><li class=" "><span class="filtrable">QRCode</span></li></ul><select data-js-mdb-select="" id="Metadata_0__Value" name="Metadata[0].Value" class="initialized"><option value="">Select..</option>
<option value="Other">Other</option>
<option value="EAN">EAN</option>
<option value="QRCode">QRCode</option>
</select></div>
            <label class="mdb-select-label" for="Metadata_0__Value">BarcodeType</label>
            <input id="Metadata_0__Code" name="Metadata[0].Code" type="hidden" value="BarcodeType">
            <input id="Metadata_0__ModelType" name="Metadata[0].ModelType" type="hidden" value="MasterdataMetadataViewModel">
        </div>
        <div class="md-form">

<input class="form-control mb-4 no-spin-buttons text-box single-line" data-val="true" data-val-required="The Value field is required." id="Metadata_1__Value" inputmode="numeric" min="0" name="Metadata[1].Value" pattern="[0-9]*" type="number" value="0">
            <label class="mdb-select-label active" for="Metadata_1__Value">MaterialNumber</label>
            <input id="Metadata_1__Code" name="Metadata[1].Code" type="hidden" value="MaterialNumber">
            <input id="Metadata_1__ModelType" name="Metadata[1].ModelType" type="hidden" value="IntMetadataViewModel">
        </div>
        <div class="md-form">

<input class="form-control mb-4 text-box single-line" id="Metadata_2__Value" name="Metadata[2].Value" type="text" value="">
            <label class="mdb-select-label" for="Metadata_2__Value">Barcode</label>
            <input id="Metadata_2__Code" name="Metadata[2].Code" type="hidden" value="Barcode">
            <input id="Metadata_2__ModelType" name="Metadata[2].ModelType" type="hidden" value="StringMetadataViewModel">
        </div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8Ns9x5fLsTZNj0VF_aHR3W-pFwvlEcqZzwPRE7SA1JWDfbEdWdxwEUosbsutvqrvMWiewMk6nnf6TmiE69L3Y5_KgiJpdfAn-0Qk5Odu50sKO7u0a7UhZHkywsGnzQOi5vmjsSrbWlUYMvp4g5Wclj1KYgGfzU7M79S1OoOrSl3HI7hGe5FWgrZCV6LVV9jFTA"></form>

Robin Deprins pro commented 6 years ago

Replicated issue in snippet:

https://mdbootstrap.com/snippets/jquery/robin_deprins/892631
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.6
  • Device: Dell
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
turbolinks input
Related topics
5
Add clear button to all inputs
3
Input field label doesn't update styles when value set programmatically
3
input type submit reacts only on double clic
3
InputMask
3
Please bring back material inputs in MDB5
About author
Robin Deprins
Pro User
34Support score
4Questions 1Answers
0Snippets likes 5Snippets

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-a.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-683b7a-b.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`