profile
viewpoint
Kael KaelWD Melbourne, Australia Vuetify.js core team

vuetifyjs/eslint-plugin-vuetify 51

An eslint plugin for Vuetify

KaelWD/consola 0

🐨 Elegant Console Logger for Node.js and Browser

KaelWD/DefinitelyTyped 0

The repository for high quality TypeScript type definitions.

KaelWD/eslint-plugin-vue 0

Official ESLint plugin for Vue.js

KaelWD/idm-task-05 0

Website for a Digital Media project

KaelWD/rollup-plugin-vue 0

Roll .vue files

KaelWD/triage-new-issues 0

A GitHub App, built with Probot that adds `triage` label to newly-created issues which don't have labels

KaelWD/vue 0

A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

push eventvuetifyjs/vuetify

Kael

commit sha 37150b61e3b332ce8acae31416faa339879e8ee7

chore(docs): deploy to next.vuetifyjs.com, build modified on CI

view details

push time in a day

issue commentvuetifyjs/vuetify

[Bug Report] Tooltip doesn't work on touch screen

The only iOS device I have is an iPad running iOS 12.4.2. I just tried an iPhone 11 on browserstack and that worked too.

Aukemid

comment created time in a day

issue commentvuetifyjs/vuetify

[Feature Request] Vuejs 3 support

Yeah sure I'll just rewrite 54000 lines of code in a few weeks for barely any money. :+1:

oligot

comment created time in a day

issue commentvuetifyjs/vuetify

[Bug Report] Tooltip doesn't work on touch screen

Android: button works on long press, icon and text work on either tap or long press

iOS: only works on tap for all three

Aukemid

comment created time in a day

issue closedvuetifyjs/vuetify

[Bug Report] v-btn throws an error when a click is simulated

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.11 Browsers: Chrome 85.0.4183.102 OS: Mac OS 10.15.6

Steps to reproduce

  1. Attach a ref to a v-btn
  2. Fire this.$refs[button].click()
  3. The error in console is "Cannot read property 'detail' of undefined

Expected Behavior

A button element should allow simulated clicks. In this case, it's because, for accessibility reasons, buttons in our app are triggered with the keyboard. I would have expected to see the click animation (ideally from center, but from 0,0 if an event is not provided is fine too).

Actual Behavior

It just throws an error and gives no visual feedback.

Reproduction Link

<a href="https://codepen.io/matthewdean/pen/GRZPZEj" target="_blank">https://codepen.io/matthewdean/pen/GRZPZEj</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in a day

matthew-dean

issue commentvuetifyjs/vuetify

[Bug Report] v-btn throws an error when a click is simulated

Use this.$refs.button.$el.click()

matthew-dean

comment created time in a day

issue closedvuetifyjs/vuetify

[Bug Report] When use element.select() in v-btn click event,can't select element correctly.

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.12 Browsers: Chrome 85.0.4183.83 OS: Windows 10

Steps to reproduce

as the codepen link ,when click this copy button,the active element changed to close button ,and then failed to copy,i don't know why

Expected Behavior

select textarea success,and do copy

Actual Behavior

focus some v-btn components uncorrectly

Reproduction Link

<a href="https://codepen.io/curedovahkiin/pen/JjXeQPX?editors=1010" target="_blank">https://codepen.io/curedovahkiin/pen/JjXeQPX?editors=1010</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in a day

shadowdreamer

issue closedvuetifyjs/vuetify

[Bug Report] the translation to Chinese is incomplete, misleading and some are incorrect

Environment

Vuetify Version: 2.3.10 Vue Version: 3.0.0-rc.13 Browsers: Chrome 85.0.4183.121 OS: Mac OS 10.15.6

Steps to reproduce

translation wrong

Expected Behavior

translation correct

Actual Behavior

translation wrong

Reproduction Link

<a href="https://github.com/wrongtranslation" target="_blank">https://github.com/wrongtranslation</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 2 days

yestodorrow

issue commentvuetifyjs/vuetify

[Bug Report] the translation to Chinese is incomplete, misleading and some are incorrect

Translations are all done by the community, if you think something is wrong you're welcome to fix it.

yestodorrow

comment created time in 2 days

issue commentvuetifyjs/vuetify

[Feature Request] Pressing the clearable icon on <v-text-field> with clearable prop sets the model to null not to empty string

On default values: does anyone differentiate between null and '' in regards to text fields? I'm thinking about setting the default value to null across the board in 2.4 to satisfy #7429 and allow JSON serialization. '' would probably make more sense but may break forms expecting '' to be an actual value rather than a cleared state.

zawnk

comment created time in 6 days

push eventvuetifyjs/vuetify

Kael

commit sha cfc9b692dece2971c9698da7daa8a9080b9a2e63

docs: scroll to hash as soon as page is ready

view details

Kael

commit sha 9f6d8cca96b1a2de84c97e3b989fe53fd754f9f6

docs(AppLink): remove layout-breaking wrapper span had to convert to render function because of vuejs/vue#10939

view details

Kael

commit sha 294aa283bdfb0f379c2fb8b3d7ee65577dcb0aa0

docs: center AppImage in page

view details

Kael

commit sha 24b48c3b786ad09c65dbd5d21dac38fa32e48987

docs: fix spelling/grammar, remove excess emphasis

view details

push time in 6 days

issue closedvuetifyjs/vuetify

[Feature Request] Compatible with Vue 3?

Problem to solve

I apologize if it is written somewhere and I have not read it, I have searched.

Can I use this project with Vue 3? Is there a temporary branch of work in progress that I can try?

Proposed solution

I need to start a new project and need to find out more before starting.

Thank you.

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 6 days

frederikhors

issue commentvuetifyjs/vuetify

[Feature Request] Compatible with Vue 3?

Duplicate of #11162

frederikhors

comment created time in 6 days

issue commentvuetifyjs/vuetify

[Bug Report] Text field blur listener with once modifier conflicts with validation

~blur is emitted before VTextField gets the blur event, so in the second case validateOnBlur has already been set to false by the time the component knows it's been blurred. When validateOnBlur is false it doesn't validate at all because it assumes validation was already done when you typed. You can account for this event order with setTimeout(() => this.alreadyBlurred2 = true)

genygilles

comment created time in 8 days

push eventvuetifyjs/vuetify

Kael

commit sha 020e2e10bd47f0eae996dc471647cf84aef4b58e

fix(VSparkline): show path when all values are the same Use gradientUnits="userSpaceOnUse" instead of fuzzing values by +-0.00001 Firefox on windows rounds values to 0.01 https://stackoverflow.com/a/21639059/2074736 https://github.com/QingWei-Li/vue-trend/pull/11/commits/cac0d260

view details

push time in 8 days

push eventvuetifyjs/vuetify

Kael

commit sha 3618663f4720a5b9ad37bfd4847e52d8e17e8a0a

docs: show 404 for Documentation pages

view details

Kael

commit sha c2cdae46762ec1ff6b2b59b8586382db29f327ec

docs: add redirects for routes changed in e4d645ab

view details

push time in 9 days

push eventvuetifyjs/vuetify

Kael

commit sha 851cee8add341027e8466b1def77f8ad8f2f3b23

docs: transpile and polyfill for IE/safari

view details

push time in 9 days

issue commentvuetifyjs/vuetify

[Feature Request] Column dividers in simple tables

Simple tables import the data table css, so you can utilise the class <td class="v-data-table__divider">

nikmanzotti

comment created time in 9 days

issue commentvuetifyjs/vuetify

[Bug Report] Overlay for Dark theme is wrong color

Elevation in dark themes is supposed to be indicated by a lightened background colour, which is something we want to look at in v3. Dialogs have 24dp elevation so you'd still want a darker backdrop to contrast the 16% white overlay on the card body. VOverlay has color and opacity props if you want to experiment with changing these for your application (no idea why it isn't a SASS variable).

https://material.io/design/color/dark-theme.html#properties

megaroeny

comment created time in 10 days

issue commentvuetifyjs/vuetify

[Bug Report] Overlay for Dark theme is wrong color

The overlay should be transparent white

Why? It's a dark theme not an inverted colours theme.

megaroeny

comment created time in 10 days

issue closedvuetifyjs/vuetify

[Bug Report] Filtered list does not work properly

Environment

Vuetify Version: 2.2.11 Vue Version: 2.6.11 Browsers: Chrome 85.0.4183.102 OS: Windows 10

Steps to reproduce

Select a list item and see the difference

Expected Behavior

Whatever I select, the filtered array should be on the list, that is, only the selected item should remain on the site.

Actual Behavior

Only the first item (index:0) meets the expected behaviour but the ones that come later do not work properly.

Reproduction Link

<a href="https://codepen.io/mehmet-ey-polu/pen/abNjNzZ?editors=1100" target="_blank">https://codepen.io/mehmet-ey-polu/pen/abNjNzZ?editors=1100</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 10 days

mehmeteyupoglu

issue commentvuetifyjs/vuetify

[Bug Report] Filtered list does not work properly

Use a unique key instead of the index: https://codepen.io/kaelwd/pen/mdPjPBj?editors=1010

mehmeteyupoglu

comment created time in 10 days

issue commentvuetifyjs/vuetify

[Bug Report] v-data-table expanded-item slot is missing key

https://discordapp.com/channels/340160225338195969/351121729164410882/755403371485331468

doox911

comment created time in 10 days

push eventvuetifyjs/vuetify

Kael

commit sha 3ede0f88566d8720f2531ee00fd0530631cde17b

docs: reload page data on HMR

view details

push time in 10 days

push eventvuetifyjs/vuetify

Kael

commit sha 5f8f4664c944dcb20c54ea4202dea3edde6fd828

docs: reload page data on HMR

view details

push time in 10 days

push eventvuetifyjs/vuetify

Kael

commit sha f8a7e838c8a3c85aac5df061189f8fedc8dd343f

docs: reload page data on HMR

view details

push time in 10 days

issue commentvuetifyjs/vuetify

[Bug Report] Text field label can't display icons anymore

Firefox is applying text-overflow: ellipsis from .v-label to the child element even though neither are overflowing.

inad9300

comment created time in 10 days

issue commentvuetifyjs/vuetify

[Bug Report] Text field label can't display icons anymore

Looks like an icon to me image

inad9300

comment created time in 10 days

issue closedvuetifyjs/vuetify

[Bug Report] v-menu position incorrect with fixed positioning and horizontal scroll

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.12 Browsers: Chrome 83.0.4103.116 OS: Linux x86_64

Steps to reproduce

Use a v-menu inside an element with position: fixed; on a page with a horizontal scrollbar, and open the menu after scrolling a bit.

Expected Behavior

Menu should be positioned correctly next to activator.

Actual Behavior

Scroll X position is added to menu X position even though the activator is fixed, and the position is incorrect.

Reproduction Link

<a href="https://codepen.io/mvirkkunen/pen/mdPKvoo" target="_blank">https://codepen.io/mvirkkunen/pen/mdPKvoo</a>

Other comments

This was probably introduced by #5527. The activatorFixed property should be checked and scroll position ignored if it's true.

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 10 days

mvirkkunen

issue closedvuetifyjs/vuetify

[Bug Report] List item is not activated correctly when used with `to` (vue-router)

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.12 Browsers: Edge 85.0.564.51 OS: Windows 10, Linux

Steps to reproduce

I created two list. One with to and one without to. 1 Expected to see the first item was activated in both lists. 2 randomly click on the items of either list

Expected Behavior

1 The first list item is activated at first 2 I set the value of the v-list-item-group to the same variable, so the item with the same name should be activated together.

Actual Behavior

1 The first item was activated in the second list, while not being activated in the first list. 2 When click randomly, two list was not the same. (Click more times and you will see this. It's random. : ) )

Reproduction Link

<a href="https://jsfiddle.net/AndersonZhang/k074ntde/" target="_blank">https://jsfiddle.net/AndersonZhang/k074ntde/</a>

Other comments

Hope to find a solution.

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 12 days

AndersonZhangyq

issue commentvuetifyjs/vuetify

[Bug Report] List item is not activated correctly when used with `to` (vue-router)

When click randomly, two list was not the same

The first one uses the router as its source of truth, v-model is ignored.

AndersonZhangyq

comment created time in 12 days

issue commentvuetifyjs/vuetify

[Bug Report] List item is not activated correctly when used with `to` (vue-router)

v-list-item-group is not intended to be used with route links.

AndersonZhangyq

comment created time in 12 days

issue commentvuejs/vue-next

multiple instances of Vue

This was a problem in v2 as well for libraries using Vue.extend(), there's some discussion about it in https://github.com/vuetifyjs/vuetify/discussions/4068

frei-x

comment created time in 12 days

issue commentvuetifyjs/vuetify-loader

[Bug Report] Insertion of unnecessary host and port in v-img

https://github.com/chrisvfritz/prerender-spa-plugin/issues/61

yerzhant

comment created time in 13 days

issue commentvuetifyjs/vuetify

Menu position calculation incorrect when attached to custom element

https://github.com/vuetifyjs/vuetify/issues/7703

sindrepm

comment created time in 13 days

issue closedvuetifyjs/vuetify-loader

[Bug Report] Override Vuetify 2 SASS variables of grid, is working but the order of output classes is wrong

Environment

Browsers: Chromium 80.0.3987.87 OS: Ubuntu undefined

Steps to reproduce

  1. create a vue project with sass support (dart-sass)
  2. add vuetify by cli (vue add vuetify) and choose default option
  3. add variables.scss to src/styles/variables.scss:
$grid-breakpoints: (
  'xxs': 0,
  'xs': 375,
  'sm': 600px,
  'md': 960px,
  'lg': 1280px - 16px,
  'xl': 1920px - 16px,
  'xxl': 2560px - 16px
);
  1. add this template somewhere and inspect it by devtools:
    <v-row>
      <v-col cols="12" md="4">1</v-col>
      <v-col cols="12" md="4">1</v-col>
      <v-col cols="12" md="4">1</v-col>
    </v-row>

Expected Behavior

CSS specificity of .col-12 should be less than col-md-4

Actual Behavior

CSS specificity of .col-12 is higher than col-md-4, so col-md-4 never applies.

image

Reproduction Link

<a href="" target="_blank"></a>

Other comments

vuetify version: 2.2.17 sass version: 1.25.0 vuetify-loader version: 1.4.3

Github source for sample project: https://github.com/mort3za/temp-vuetify

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 14 days

mort3za

issue commentvuetifyjs/vuetify-loader

[Bug Report] Override Vuetify 2 SASS variables of grid, is working but the order of output classes is wrong

Duplicate of https://github.com/vuetifyjs/vuetify/issues/7933

mort3za

comment created time in 14 days

issue closedvuetifyjs/vuetify-loader

[Vuetify] Image load failed

[Vuetify] Image load failed

src: data:image/jpeg;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJpbWcvbG9naW4uZDZkM2JiMDkuanBnIjs=

found in

---> <VImg> <VContent> <PagesCoreView> at src/views/pages/components/core/View.vue <VApp> <PagesIndex> at src/views/pages/Index.vue <App> at src/App.vue <Root>

closed time in 14 days

thelosttimes

issue commentvuetifyjs/vuetify-loader

[Vuetify] Image load failed

This Issue is being closed due to inactivity.

If you have any additional questions, please reach out to us in our Discord community.

thelosttimes

comment created time in 14 days

issue closedvuetifyjs/vuetify-loader

[Bug Report] Insertion of unnecessary host and port in v-img

Environment

Vue: 2.6.11 Vuetify: 2.3.1 Browsers: Chrome 85.0.4183.83 OS: Linux x86_64

Steps to reproduce

Insert a v-img tag: <v-img src="./assets/logo.png"></v-img>

Expected Behavior

<div class="v-image__image v-image__image--contain" style="background-image: url('/img/logo.47217774.png'); background-position: center center;"></div>

Actual Behavior

<div class="v-image__image v-image__image--contain" style="background-image: url('https://onlinebus.kz/img/logo.47217774.png'); background-position: center center;"></div>

The issue arises when prerendering is used (prerender-spa-plugin). If you look at this page you'll find this:

...
<div class="v-image__image v-image__image--contain" style="background-image: url('http://localhost:8000/img/logo.47217774.png'); background-position: center center;"></div>
...

If the loader wouldn't add unnecessary host and port, I guess it'll resolve the issue.

Reproduction Link

OnlineBus.kz

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 14 days

yerzhant

issue commentvuetifyjs/vuetify-loader

[Bug Report] Insertion of unnecessary host and port in v-img

That's based on your webpack config's output.publicPath

yerzhant

comment created time in 14 days

push eventvuetifyjs/vuetify

Kael

commit sha 4874a4f25bb1fcb21286fc20d778babd4d3f9fcc

docs: load user preferences after hydration

view details

push time in 14 days

issue commentvuejs/vue-next

looped elements in slot only shown as one element

Duplicate of #2054

CordlessWool

comment created time in 15 days

issue commentvuetifyjs/vuetify

[Feature Request] Datepicker: Change portuguese locale text format in header

This sounds like a bug report, not a feature request. Please open a new issue with the relevant information.

If you're talking about v-date-picker we just use toLocaleDateString, if it's translated wrong that's probably the browser's fault.

madsongr

comment created time in 15 days

issue closedvuetifyjs/vuetify

[Feature Request] Datepicker: Change portuguese locale text format in header

Problem to solve

It should be similar to English format (Thu, Sep 10). The way it is it's not quite elegant.

Proposed solution

The way it is today: "qui., 10 de set.". This is not a good approach. It could be "Qui, Set 10" or "Quinta, Set 10".

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

I could not find where to change it.

closed time in 15 days

madsongr

push eventvuetifyjs/vuetify

Kael

commit sha a2a2b516c9a0a0a166500af85d786056f3e9494a

docs: prevent hydration mismatch from invalid HTML

view details

push time in 15 days

push eventvuetifyjs/vuetify

Kael

commit sha 29e2ed2ec7b8cc264b37cf0efa685328fd65eae5

docs: load user preferences before mounting app

view details

push time in 15 days

push eventvuetifyjs/vuetify

Kael

commit sha 70c60c681fb8de4ab3e135e99beb46f4a70227a2

docs: skip asyncData if path hasn't changed

view details

push time in 15 days

push eventvuetifyjs/vuetify

Kael

commit sha ddba604bef445b9f916d76c7ea67dd8f47ce482f

docs: call asyncData again when route updates

view details

push time in 15 days

push eventvuetifyjs/vuetify

Kael

commit sha 014c1ce679bf327d3ddec2c922c99092d0928dd5

docs: load page structure before rendering

view details

push time in 16 days

push eventvuetifyjs/vuetify

Kael

commit sha d94a5a963b04b6ccb87e3095553cd0aa497bddc3

chore(docs): fix infinite build loop in dev

view details

push time in 16 days

push eventvuetifyjs/vuetify

Kael

commit sha 242cb5cd537678be83c5d7d9aeff5e8b0dcfb3aa

chore(docs): replace http-server with local-web-server http-server doesn't support gzip

view details

Kael

commit sha f34d911446a13735ff47c6257d9714438f1915a9

chore(docs): reduce number of chunks

view details

push time in 16 days

issue closedvuetifyjs/vuetify

[Documentation] When clicking on a codepen button i'm redirected to codepen and logged out.

Environment

Browsers: Chrome 85.0.4183.83 OS: Windows 10

Steps to reproduce

Click on the codepen button I'm logged out of codepen. Now go to https://codepen.io/login and login and try it again, i'm logged out again..

Expected Behavior

Not loggin off automatically

Actual Behavior

I'm getting logged out

Reproduction Link

<a href="https://vuetifyjs.com/en/components/floating-action-buttons/#fab-with-speed-dial" target="_blank">https://vuetifyjs.com/en/components/floating-action-buttons/#fab-with-speed-dial</a>

Other comments

I'm not sure if vuetify does something wrong or if this is a codepen issue.. weird

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 16 days

ricardovanlaarhoven

issue commentvuetifyjs/vuetify

[Documentation] When clicking on a codepen button i'm redirected to codepen and logged out.

Must be a codepen bug, we just use prefill. I've reported it to codepen support.

ricardovanlaarhoven

comment created time in 16 days

push eventvuetifyjs/vuetify

Kael

commit sha 0d820e61e78d17337c7a94fe2344145f14fbe8e9

chore: add .now back to gitignore

view details

Kael

commit sha 69a6cd8189340e265baaed2d598506ca72304dac

docs: remove unneeded dynamic imports all these assets can be imported statically, dynamic imports just create extra chunks and slow the page down

view details

Kael

commit sha 515848e195fd10b16cd4a85cd635dd930499c37e

docs(pwa): serve _fallback when offline

view details

push time in 18 days

issue commentvuetifyjs/vuetify

[Bug Report] transitions events do not fire on v-expand-transition

@flyingL123 that codepen is using 2.3.7

matthieusieben

comment created time in 18 days

push eventvuetifyjs/vuetify

Kael

commit sha 0bd25b0bb516a50f86de82adde2c28dfa9baa3a7

chore(tsconfig): set allowJs to false vscode tries to load large built files and breaks the language service allowJs isn't needed any more as we have converted the entire framework to typescript now https://github.com/microsoft/vscode/issues/74847 This reverts commit 0e8f9ce45b750b7a5e3b4aedb66a6d52c0fdf03b.

view details

push time in 19 days

Pull request review commentvuetifyjs/vuetify

docs: import docs-next

     "emitDecoratorMetadata": true             /* Enables experimental support for emitting type metadata for decorators. */   },   "exclude": [-    "**/*.spec.ts",+    ".git",

Specifies an array of filenames or patterns that should be skipped when resolving include

None of these are in an included path

johnleider

comment created time in 19 days

PullRequestReviewEvent

Pull request review commentvuetifyjs/vuetify

feat(docs): refactored api-gen, moved away from md tables for API

+module.exports = {+  $vuetify: {

this file was renamed to vuetify because the $ was causing problems with the new docs structure.

nekosaur

comment created time in 19 days

PullRequestReviewEvent

Pull request review commentvuetifyjs/vuetify

feat(docs): refactored api-gen, moved away from md tables for API

+const camelizeRE = /-(\w)/g

These were copied from vue, idk if the lodash ones are any different

nekosaur

comment created time in 19 days

PullRequestReviewEvent

push eventvuetifyjs/vuetify

Kael

commit sha 2abb436333357c197a4965ef52c8752b155ec89f

docs: refactor prerender to run in one thread when NODE_ENV=debug

view details

push time in 22 days

push eventvuetifyjs/vuetify

Kael

commit sha 44890e48766823c1fb6b0e057abc113c9271d3d3

docs(api): move $vuetify to vuetify vue doesn't like component names with special characters

view details

Kael

commit sha b0b568790d3a0573732f87284165f07134fc5c76

docs: refactor prerender to run in one thread when NODE_ENV=debug

view details

push time in 22 days

issue closedvuetifyjs/vuetify

[Bug Report] v2.3.x breaks Font awesome duotone icons

Environment

Vuetify Version: 2.3.x (tested with .0 and .10) Vue Version: 2.6.12 Browsers: Chrome 84.0.4147.105 OS: Mac OS 10.14.6

Steps to reproduce

  • install 2.3.x version of vuetify
  • configure vuetify to use fa
  • download font awesome scss files and import them

Expected Behavior

Duotone icon to appear image image

Actual Behavior

Just half of the icon appears image image

Reproduction Link

No actual reproduction link because duotone icons are part of font awesome premium. However, after some investigating I found out that the duo icons are two separate "fonts", that are built using :before and :after and the following changes to .v-icon:after, broke this:

image The culprits are background-color, height, opacity, position, transform, width.

Other comments

I hotfixed this on my project by forcing these styles to be inherit

.v-icon.fad::after {
  background-color: inherit;
  border-radius: inherit;
  display: inherit;
  opacity: 0.4;
  height: inherit;
  width: inherit;
  position: inherit;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 22 days

Ribeiro-Tiago

issue closedvuetifyjs/vuetify

[Feature Request] gradient colors in the theme definition

Problem to solve

Be able to define a gradient as primary color.

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 22 days

mohamedamjad

issue commentvuetifyjs/vuetify

[Feature Request] gradient colors in the theme definition

Gradients are only usable as background-image, theme colours need to be able to work as color and border-color too.

mohamedamjad

comment created time in 22 days

issue closedvuetifyjs/vuetify

[Bug Report] How to pass index using vuetify datatable <v-data-table>

Environment

Vuetify Version: 2.2.26 Vue Version: 2.6.11 Browsers: Chrome 85.0.4183.83 OS: Windows 10, Windows

Steps to reproduce

  1. Simple vuetify datatable
  2. I want to pass index in edit and delete button

Expected Behavior

I want to pass index in edit and delete button

Actual Behavior

Not able to pass index

Reproduction Link

<a href="https://codepen.io/pistol/pen/PowZGmX" target="_blank">https://codepen.io/pistol/pen/PowZGmX</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in 22 days

bhavinichauhan-easternts

push eventvuetifyjs/vuetify

Kael

commit sha e8e5a22599ca1a184803874a398d11158cf40def

docs: inject meta into ssg output

view details

push time in 23 days

issue commentvuetifyjs/vuetify

[Bug Report] Autocomplete Search-Input: do not search on item select

search-input is just the text displayed in the input, and that is changed when you select an item.

randanunn

comment created time in 23 days

issue commentvuetifyjs/vuetify

[Bug Report] Autocomplete Search-Input: do not search on item select

I added if (this.model && val === this.model.Description) return and it only calls the API once.

randanunn

comment created time in 23 days

issue commentvuetifyjs/vuetify

[Bug Report] Slow rendering of v-menu items

#9163

AliasIO

comment created time in 23 days

push eventvuetifyjs/vuetify

Kael

commit sha 9d5fa3ee2e4ecc4c9ef40bacb51575a3aa8428e1

docs: prevent redirect loop when trying to use a deleted locale

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha bdd37160ccdeb5102ca6c797d5d5fd3a60132a85

chore: remove unused imports

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha aa51faf48c4853386bf8614723d96c233d1971ce

chore(docs): reorganise build scripts

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha 656de8cabdb73758cbf822bdf741c763baea9ba8

ci: alias docs deployment based on branch

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha 82e5dc5607532d1ac113f07008825e047228ed0f

chore: add missing eslint-loader dependency

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha c09dff7aa9000efb5c3dbadde02ebc05f776fb18

chore(docs): disable lintOnSave

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha ce5bb95b539f2424c2a9b965e4d39e03e4690141

chore: don't fix lint errors by default

view details

push time in 24 days

push eventvuetifyjs/vuetify

Kael

commit sha c8f153bf12c84564855d143536106add44291f95

chore: revert editorconfig removal

view details

Kael

commit sha eeee404eba676916dd5d636d7ab3059c4da700fb

chore: fix linting

view details

push time in 24 days

pull request commentvuetifyjs/vuetify

docs: import docs-next

  • Missing latest commit from docs-next
  • Should replace the docs package, not add a new one
  • missing crowdin rewrite in vercel.json
  • src/pages/* used to be ignored, why was that changed?
  • The shared package doesn't do anything? Shared dependencies should be in the root package.json and shared configs should also be in the root directory
johnleider

comment created time in 24 days

push eventvuetifyjs/docs-next

Kael

commit sha 0ccb68be7bb661e0498411f53324d200dd33ce7a

docs: use short language codes in URLs

view details

push time in 25 days

PR opened vuetifyjs/docs-next

docs: use short language codes in URLs
+159 -54

0 comment

17 changed files

pr created time in 25 days

create barnchvuetifyjs/docs-next

branch : docs/short-lang-urls

created branch time in 25 days

issue closedvuetifyjs/vuetify

[Bug Report] FaSvg not fully supported

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.12 Browsers: Chrome 84.0.4147.135 OS: Windows 7

Steps to reproduce

Click on the envelope.

Expected Behavior

@click should fire.

Actual Behavior

Nothing, because the listener is on a commented out button and not the svg.

Reproduction Link

<a href="https://codepen.io/teellcory/pen/mdPwvjj" target="_blank">https://codepen.io/teellcory/pen/mdPwvjj</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in a month

Teellcory

issue commentvuetifyjs/vuetify

[Bug Report] FaSvg not fully supported

Duplicate of #3505

Teellcory

comment created time in a month

pull request commentvuetifyjs/vuetify

fix(VIcon): render a button element around clickable component icons

Ah yeah I forgot that was already open, ty.

KaelWD

comment created time in a month

issue closedvuetifyjs/vuetify

[Bug Report] Inconsistent display of "clearable" icon in Firefox when using Font Awesome

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.11 Browsers: Firefox 80.0 OS: Mac OS 10.14

Steps to reproduce

See the reproduction link.

Expected Behavior

Icons will not change their styling, regardless of the library or browser in use.

Actual Behavior

Icons change their styling.

Notes

Different versions of Firefox can be found here.

Reproduction Link

<a href="https://codesandbox.io/s/vuetify-2-fontawesome-5-firefox-and-the-clearable-icon-gntxg" target="_blank">https://codesandbox.io/s/vuetify-2-fontawesome-5-firefox-and-the-clearable-icon-gntxg</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in a month

epicyclist

issue commentvuetifyjs/vuetify

[Bug Report] Overriding sass variable for data table fails silently

create a folder called sass, scss or styles in your src directory with a file named variables.scss or variables.sass

ElSamhaa

comment created time in a month

issue closedvuetifyjs/vuetify

[Bug Report] Overriding sass variable for data table fails silently

Environment

Vuetify Version: 2.3.10 Vue Version: 2.6.12 Browsers: Chrome 84.0.4147.125 OS: Linux

Steps to reproduce

Overriding component sass variable in a vuejs single-file component, following documentation instructions.

Expected Behavior

for the table rows to resize its height

Actual Behavior

data table rows are not affected

Reproduction Link

<a href="https://github.com/ElSamhaa/vuetify-datatable-reproduction.git" target="_blank">https://github.com/ElSamhaa/vuetify-datatable-reproduction.git</a>

<!-- generated by vuetify-issue-helper. DO NOT REMOVE -->

closed time in a month

ElSamhaa

issue commentvuetifyjs/vuetify

[Bug Report] Overriding sass variable for data table fails silently

You can't just set variables anywhere and have it work, they need to be injected with sass-loader: https://vuetifyjs.com/en/customization/sass-variables/#vue-cli-install

ElSamhaa

comment created time in a month

issue commentvuetifyjs/vuetify

[Documentation] FA icons don't work

Works for me in firefox 80 on linux.

jacekkarczmarczyk

comment created time in a month

PR opened vuetifyjs/vuetify

fix(VIcon): render a button element around clickable component icons

fixes #12143

Markup:

<!-- Information on how to setup your local development environment can be found here: --> <!-- https://vuetifyjs.com/getting-started/contributing#setup-dev-environment -->

<!-- Paste markup for testing your change ---> <details>

<template>
  <v-container>
    <v-text-field clearable value="value" label="clearable"></v-text-field>
  </v-container>
</template>

</details>

Types of changes

<!-- What types of changes does your code introduce? Put an x in all the boxes that apply: -->

  • [x] Bug fix (non-breaking change which fixes an issue)
  • [ ] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • [ ] Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)
+72 -52

0 comment

4 changed files

pr created time in a month

create barnchvuetifyjs/vuetify

branch : fix/12143-icon-component-button-wrapper

created branch time in a month

push eventvuetifyjs/vuetify

Kael

commit sha 5e257228436ffbfa45e51a8c5519a2e5429ac06d

chore: make faSvg available in the dev environment

view details

push time in a month

more